.suggestion-field {
    position:relative
}
.search-suggestions {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:30;
    margin:0;
    padding:0;
    list-style:none;
    background:#fff;
    color:#071a2b;
    border:1px solid #657787;
    border-radius:8px;
    box-shadow:0 8px 25px #071a2b26
}
.search-suggestions li {
    padding:12px 16px;
    cursor:pointer;
    border-bottom:1px solid #e4e8ea
}
.search-suggestions li[aria-selected="true"],.search-suggestions li:hover {
    background:#eef2f5
}
.site-search {
    padding:10px 0;
    background:#f5f3ed
}
.site-search form {
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap
}
.site-search input {
    min-width:160px;
    max-width:100%;
    padding:9px;
    border:1px solid #657787;
    border-radius:6px;
    font:inherit
}
.site-search button {
    padding:9px 14px;
    font:inherit;
    cursor:pointer
}
.resource-filter .button {
    margin-top:12px
}
.resource-filter input,.resource-filter select {
    max-width:100%
}
.pension-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px
}
.pension-grid fieldset {
    min-width:0;
    padding:20px;
    border:1px solid #b6c1c9;
    border-radius:12px
}
.pension-grid label {
    display:block;
    margin:14px 0
}
.pension-grid input {
    display:block;
    width:100%;
    padding:10px;
    border:1px solid #657787;
    border-radius:6px;
    font:inherit
}
.pension-grid output {
    display:block;
    line-height:1.6;
    padding:14px;
    background:#f5f3ed;
    border-radius:8px
}
.pension-grid legend {
    font-weight:700
}
.pension-error {
    color:#9b2226
}
.print-tool {
    margin:20px 0
}
.practical-worksheet {
    margin:32px 0;
    padding:24px;
    background:#f5f3ed;
    border-radius:12px
}
.practical-worksheet label {
    display:block;
    margin:10px 0
}
.practical-worksheet input[type="checkbox"] {
    width:20px;
    height:20px;
    vertical-align:middle
}
.article-summary {
    margin:0 0 28px;
    padding:20px;
    background:#f5f3ed;
    border-radius:12px
}
.article-summary li {
    margin:8px 0
}
:target {
    scroll-margin-top:120px
}
@media(max-width:680px) {
    .pension-grid {
    grid-template-columns:1fr
}
.site-search label {
    width:100%
}

}
@media print {
    .site-header,.topline,.site-search,.site-footer,.resource-gateway,.print-tool,.related-section {
    display:none!important
}
.pension-grid {
    display:block
}
.pension-grid fieldset {
    break-inside:avoid;
    margin-bottom:20px
}
.simple-hero {
    padding:20px 0
}
.section {
    padding:20px 0
}

}