/* Single public article title bar. Other pages and member screens retain their styles. */
body.single-post #Subheader {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 135px 0 48px;
    border-top: 1px solid rgba(213, 166, 75, .2);
    border-bottom: 1px solid rgba(213, 166, 75, .38);
    background-color: #132844;
    background-image: radial-gradient(ellipse at 78% -30%, rgba(213, 166, 75, .07), transparent 58%), linear-gradient(120deg, #101f35 0%, #132844 52%, #1b3854 100%);
    color: #fff;
}
/* Quiet page outlines sit behind the real title and breadcrumbs. */
body.single-post #Subheader::before,
body.single-post #Subheader::after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: auto;
    display: block;
    pointer-events: none;
    opacity: 1;
    border: 1px solid rgba(213, 166, 75, .2);
    border-radius: 5px;
    background-color: transparent;
}
body.single-post #Subheader::before {
    top: 64px;
    left: -58px;
    right: auto;
    width: 190px;
    height: 236px;
    transform: rotate(-19deg);
    background-image: none;
    box-shadow: 9px 7px 0 -1px #132844, 9px 7px 0 0 rgba(213, 166, 75, .14), 18px 14px 0 -1px #132844, 18px 14px 0 0 rgba(213, 166, 75, .1);
}
body.single-post #Subheader::after {
    top: 28px;
    right: 30px;
    left: auto;
    width: 168px;
    height: 224px;
    transform: rotate(17deg);
    background-image: repeating-linear-gradient(0deg, transparent 0, transparent 22px, rgba(230, 236, 245, .055) 23px, transparent 24px);
    box-shadow: -8px 7px 0 -1px #19334e, -8px 7px 0 0 rgba(213, 166, 75, .13);
}
body.single-post #Subheader .container {
    position: relative;
    z-index: 1;
}
body.single-post #Subheader .title {
    float: none;
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    color: #fff !important;
    font-size: clamp(29px, 2.6vw, 36px);
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -.025em;
    text-align: center;
    text-wrap: balance;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
body.single-post #Subheader .title::before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2036%2036'%20fill%3D'none'%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'16.5'%20stroke%3D'%23d5a64b'%20stroke-opacity%3D'.55'%2F%3E%3Cpath%20d%3D'M18%2012.5c-3-2-6.7-2.4-10-1.5v13c3.3-.9%207-.5%2010%201.5%203-2%206.7-2.4%2010-1.5V11c-3.3-.9-7-.5-10%201.5Zm0%200v13'%20stroke%3D'%23e1be78'%20stroke-width%3D'1.3'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M11%2015c1.4-.1%202.6.1%204%20.6m-4%203c1.4-.1%202.6.1%204%20.6m6-3.6c1.4-.5%202.6-.7%204-.6m-4%203.6c1.4-.5%202.6-.7%204-.6'%20stroke%3D'%23d5a64b'%20stroke-opacity%3D'.65'%20stroke-width%3D'.9'%20stroke-linecap%3D'round'%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
body.single-post #Subheader .title::after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    margin: 15px auto 0;
    border-radius: 2px;
    background: #d5a64b;
}
body.single-post #Subheader .breadcrumbs {
    float: none;
    max-width: 1060px;
    margin: 12px auto 0;
    color: #dce5ee;
    font-size: 12px;
    line-height: 1.75;
    text-align: center;
    overflow-wrap: anywhere;
}
body.single-post #Subheader .breadcrumbs li,
body.single-post #Subheader .breadcrumbs li span { color: #dce5ee; }
body.single-post #Subheader .breadcrumbs a {
    color: #f0dfb4;
    text-decoration: none;
    text-underline-offset: 3px;
}
body.single-post #Subheader .breadcrumbs a:hover,
body.single-post #Subheader .breadcrumbs a:focus-visible {
    color: #fff;
    text-decoration: underline;
}
body.single-post #Subheader .breadcrumbs a:focus-visible {
    outline: 2px solid #d5a64b;
    outline-offset: 3px;
    border-radius: 2px;
}
@media (min-width: 1200px) {
    body.single-post #Subheader .title { max-width: min(1060px, calc(100vw - 560px)); }
    body.single-post #Subheader::before { left: max(18px, calc(50% - 610px)); }
    body.single-post #Subheader::after { right: max(18px, calc(50% - 610px)); }
}
@media (max-width: 767px) {
    body.single-post #Subheader { padding: 30px 10px; }
    body.single-post #Subheader .title { font-size: clamp(23px, 5.7vw, 25px); line-height: 1.5; letter-spacing: -.02em; }
    body.single-post #Subheader .title::before { width: 28px; height: 28px; margin-bottom: 10px; }
    body.single-post #Subheader .title::after { margin-top: 13px; width: 30px; }
    body.single-post #Subheader .breadcrumbs { margin-top: 11px; font-size: 12px; }
    body.single-post #Subheader::before { left: -142px; }
    body.single-post #Subheader::after { right: -104px; }
}