body.page .entry-title,
body.page .page-title,
body.page h1.entry-title {
    display: none !important;
}

.ie-site {
    --ie-ink: #141722;
    --ie-muted: #5d6472;
    --ie-line: rgba(20, 23, 34, 0.14);
    --ie-bg: #f6f7f1;
    --ie-panel: #ffffff;
    --ie-teal: #087f8c;
    --ie-blue: #2248d8;
    --ie-lime: #c7df3f;
    --ie-coral: #f06b4f;
    --ie-plum: #6c3f8d;
    background: var(--ie-bg);
    color: var(--ie-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
}

.ie-site * {
    box-sizing: border-box;
}

.ie-nav {
    align-items: center;
    background: rgba(246, 247, 241, 0.96);
    border-bottom: 1px solid var(--ie-line);
    display: flex;
    gap: 22px;
    justify-content: space-between;
    min-height: 70px;
    padding: 0 34px;
    position: sticky;
    top: 0;
    z-index: 30;
}

.ie-brand {
    align-items: center;
    color: var(--ie-ink) !important;
    display: inline-flex;
    gap: 12px;
    font-weight: 880;
}

.ie-mark {
    align-items: center;
    background: var(--ie-ink);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.92rem;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ie-nav-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ie-nav-links a,
.ie-button {
    align-items: center;
    border-radius: 8px;
    color: var(--ie-ink) !important;
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 780;
    min-height: 40px;
    padding: 9px 12px;
}

.ie-nav-links a:hover,
.ie-button:hover {
    background: rgba(8, 127, 140, 0.1);
}

.ie-wrap {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 28px;
}

.ie-tool-head {
    border-bottom: 1px solid var(--ie-line);
    padding: 54px 0 34px;
}

.ie-kicker {
    color: var(--ie-teal);
    font-size: 0.82rem;
    font-weight: 860;
    letter-spacing: 0;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.ie-tool-head h1 {
    font-size: 3.38rem;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.ie-tool-head p {
    color: var(--ie-muted);
    font-size: 1.13rem;
    line-height: 1.62;
    margin: 18px 0 0;
    max-width: 790px;
}

.ie-tool-shell {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 0.78fr) minmax(340px, 0.56fr);
    padding: 34px 0 64px;
}

.ie-form-panel,
.ie-result-panel,
.ie-next-panel {
    background: var(--ie-panel);
    border: 1px solid var(--ie-line);
    border-radius: 8px;
    box-shadow: 0 12px 42px rgba(20, 23, 34, 0.08);
}

.ie-form-panel {
    padding: 22px;
}

.ie-step {
    border-bottom: 1px solid var(--ie-line);
    margin: 0;
    padding: 0 0 22px;
}

.ie-step + .ie-step {
    padding-top: 22px;
}

.ie-step:last-child {
    border-bottom: 0;
}

.ie-step legend {
    color: var(--ie-ink);
    display: block;
    font-size: 1.04rem;
    font-weight: 840;
    margin-bottom: 12px;
    padding: 0;
}

.ie-site .ocs-choice-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.ie-site .ocs-choice-list button {
    align-items: flex-start;
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    min-height: 78px !important;
}

.ie-choice-title {
    font-weight: 840;
}

.ie-choice-copy {
    color: inherit;
    font-size: 0.82rem;
    font-weight: 560;
    opacity: 0.76;
}

.ie-result-panel {
    align-self: start;
    display: grid;
    gap: 18px;
    padding: 24px;
    position: sticky;
    top: 88px;
}

.ie-result-panel h2 {
    font-size: 1.9rem;
    letter-spacing: 0;
    line-height: 1.1;
    margin: 0;
}

.ie-result-copy {
    color: var(--ie-muted);
    margin: 0;
}

.ie-result-list {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ie-result-list li {
    color: var(--ie-muted);
    padding-left: 22px;
    position: relative;
}

.ie-result-list li::before {
    background: var(--ie-lime);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 8px;
}

.ie-result-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ie-result-link,
.ie-print {
    border-radius: 8px;
    display: inline-flex;
    font: inherit;
    font-weight: 820;
    justify-content: center;
    min-height: 46px;
    padding: 12px 16px;
}

.ie-result-link {
    background: var(--ie-blue);
    color: #ffffff !important;
}

.ie-print {
    background: var(--ie-ink);
    border: 0;
    color: #ffffff;
    cursor: pointer;
}

.ie-next-panel {
    margin-bottom: 62px;
    padding: 24px;
}

.ie-next-panel h2 {
    font-size: 1.76rem;
    letter-spacing: 0;
    line-height: 1.12;
    margin: 0 0 16px;
}

.ie-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ie-link-row a {
    background: #ffffff;
    border: 1px solid var(--ie-line);
    border-radius: 8px;
    color: var(--ie-ink) !important;
    font-weight: 780;
    min-height: 42px;
    padding: 10px 12px;
}

@media (max-width: 980px) {
    .ie-nav {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px 22px;
    }

    .ie-nav-links {
        justify-content: flex-start;
    }

    .ie-tool-shell {
        grid-template-columns: 1fr;
    }

    .ie-result-panel {
        position: static;
    }

    .ie-wrap {
        padding: 0 22px;
    }
}

@media (max-width: 620px) {
    .ie-site .ocs-choice-list {
        grid-template-columns: 1fr !important;
    }

    .ie-nav-links {
        display: grid;
        gap: 4px 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ie-nav-links a {
        min-height: 34px;
        padding: 6px 0;
        width: auto;
    }

    .ie-result-link,
    .ie-print {
        width: 100%;
    }

    .ie-tool-head h1 {
        font-size: 2.42rem;
    }
}

@media print {
    .ie-nav,
    .ie-form-panel,
    .ie-next-panel,
    .ie-result-actions {
        display: none !important;
    }

    .ie-site,
    .ie-result-panel {
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .ie-tool-shell {
        display: block;
    }
}

.ie-site {
    --ie-ink: #141722;
    --ie-muted: #5d6472;
    --ie-line: rgba(20, 23, 34, 0.14);
    --ie-bg: #f6f7f1;
    --ie-panel: #ffffff;
    --ie-teal: #087f8c;
    --ie-blue: #2248d8;
    --ie-lime: #c7df3f;
    --ie-coral: #f06b4f;
    --ie-plum: #6c3f8d;
    --ie-shadow: 0 24px 70px rgba(20, 23, 34, 0.16);
    background: var(--ie-bg);
    color: var(--ie-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.5;
}

.ie-site * {
    box-sizing: border-box;
}

.ie-site img {
    display: block;
    height: auto;
    max-width: 100%;
}

.ie-nav {
    align-items: center;
    background: rgba(246, 247, 241, 0.96);
    border-bottom: 1px solid var(--ie-line);
    display: flex;
    gap: 22px;
    justify-content: space-between;
    min-height: 70px;
    padding: 0 34px;
    position: sticky;
    top: 0;
    z-index: 30;
}

.ie-brand {
    align-items: center;
    color: var(--ie-ink) !important;
    display: inline-flex;
    gap: 12px;
    font-weight: 880;
}

.ie-mark {
    align-items: center;
    background: var(--ie-ink);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    font-size: 0.92rem;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.ie-nav-links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ie-nav-links a,
.ie-button {
    align-items: center;
    border-radius: 8px;
    color: var(--ie-ink) !important;
    display: inline-flex;
    font-size: 0.94rem;
    font-weight: 780;
    min-height: 40px;
    padding: 9px 12px;
}

.ie-nav-links a:hover,
.ie-button:hover {
    background: rgba(8, 127, 140, 0.1);
}

.ie-button-primary {
    background: var(--ie-blue);
    color: #ffffff !important;
}

.ie-site a.ie-button-primary,
.ie-site a.ie-button-primary:hover,
.ie-site a.ie-button-primary:visited {
    color: #ffffff !important;
}

.ie-wrap {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 28px;
}

.ie-hero {
    display: grid;
    gap: 46px;
    grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.78fr);
    min-height: 690px;
    padding: 72px 34px 56px;
}

.ie-hero-copy {
    align-self: center;
    max-width: 710px;
}

.ie-kicker {
    color: var(--ie-teal);
    font-size: 0.82rem;
    font-weight: 860;
    letter-spacing: 0;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.ie-hero h1 {
    color: var(--ie-ink);
    font-size: 4.48rem;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
}

.ie-lede {
    color: var(--ie-muted);
    font-size: 1.22rem;
    line-height: 1.62;
    margin: 24px 0 0;
    max-width: 660px;
}

.ie-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.ie-actions .ie-button {
    min-height: 48px;
    padding-left: 16px;
    padding-right: 16px;
}

.ie-signal-row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 34px;
    max-width: 700px;
}

.ie-signal {
    border-top: 4px solid var(--ie-line);
    padding-top: 14px;
}

.ie-signal strong {
    display: block;
    font-size: 1.34rem;
    line-height: 1.12;
}

.ie-signal span {
    color: var(--ie-muted);
    display: block;
    font-size: 0.91rem;
    margin-top: 6px;
}

.ie-hero-media {
    align-self: center;
    background: #ffffff;
    border: 1px solid var(--ie-line);
    border-radius: 8px;
    box-shadow: var(--ie-shadow);
    margin: 0;
    overflow: hidden;
}

.ie-hero-media img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

.ie-section {
    border-top: 1px solid var(--ie-line);
    padding: 58px 0;
}

.ie-section-head {
    align-items: end;
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.45fr);
    margin-bottom: 28px;
}

.ie-section-head h2 {
    font-size: 2.18rem;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0;
}

.ie-section-head p {
    color: var(--ie-muted);
    font-size: 1.02rem;
    margin: 0;
}

.ie-path-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ie-path {
    background: var(--ie-panel);
    border: 1px solid var(--ie-line);
    border-radius: 8px;
    color: var(--ie-ink) !important;
    display: grid;
    gap: 16px;
    min-height: 210px;
    padding: 20px;
}

.ie-path:hover {
    border-color: rgba(8, 127, 140, 0.45);
    box-shadow: 0 18px 42px rgba(20, 23, 34, 0.1);
}

.ie-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 860;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    width: fit-content;
}

.ie-pill-a {
    background: rgba(199, 223, 63, 0.38);
}

.ie-pill-b {
    background: rgba(240, 107, 79, 0.2);
}

.ie-pill-c {
    background: rgba(8, 127, 140, 0.16);
}

.ie-pill-d {
    background: rgba(108, 63, 141, 0.16);
}

.ie-path h3 {
    font-size: 1.22rem;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0;
}

.ie-path p {
    color: var(--ie-muted);
    margin: 0;
}

.ie-lab {
    background: #141722;
    color: #ffffff;
}

.ie-lab .ie-wrap {
    display: grid;
    gap: 34px;
    grid-template-columns: minmax(0, 0.76fr) minmax(320px, 0.6fr);
}

.ie-lab h2 {
    color: #ffffff;
    font-size: 2.36rem;
    letter-spacing: 0;
    line-height: 1.08;
    margin: 0;
}

.ie-lab p {
    color: rgba(255, 255, 255, 0.78);
    margin: 18px 0 0;
}

.ie-checks {
    display: grid;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ie-checks li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.86);
    padding: 0 0 12px 24px;
    position: relative;
}

.ie-checks li::before {
    background: var(--ie-lime);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 8px;
}

.ie-topic-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ie-topic {
    background: var(--ie-panel);
    border: 1px solid var(--ie-line);
    border-radius: 8px;
    color: var(--ie-ink) !important;
    min-height: 118px;
    padding: 18px;
}

.ie-topic strong {
    display: block;
    font-size: 1.05rem;
    line-height: 1.18;
}

.ie-topic span {
    color: var(--ie-muted);
    display: block;
    font-size: 0.9rem;
    margin-top: 8px;
}

.ie-footer-band {
    background: #ffffff;
    border-top: 1px solid var(--ie-line);
    padding: 26px 0;
}

.ie-footer-band .ie-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-between;
}

.ie-footer-band p {
    color: var(--ie-muted);
    margin: 0;
}

@media (max-width: 980px) {
    .ie-nav {
        align-items: flex-start;
        flex-direction: column;
        padding: 16px 22px;
    }

    .ie-nav-links {
        justify-content: flex-start;
    }

    .ie-hero,
    .ie-lab .ie-wrap,
    .ie-section-head {
        grid-template-columns: 1fr;
    }

    .ie-hero {
        min-height: 0;
        padding: 48px 22px 42px;
    }

    .ie-hero h1 {
        font-size: 3.05rem;
    }

    .ie-path-grid,
    .ie-topic-grid,
    .ie-signal-row {
        grid-template-columns: 1fr;
    }

    .ie-wrap {
        padding: 0 22px;
    }
}

@media (max-width: 520px) {
    .ie-nav-links {
        display: grid;
        gap: 4px 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .ie-nav-links a {
        min-height: 34px;
        padding: 6px 0;
        width: auto;
    }

    .ie-actions .ie-button,
    .ie-footer-band .ie-button {
        width: 100%;
    }

    .ie-hero h1 {
        font-size: 2.42rem;
    }

    .ie-lede {
        font-size: 1.06rem;
    }
}

body.page {
    overflow-x: hidden !important;
}

body.page #wrapper-navbar,
body.page #masthead.site-header,
body.page .site-content-header,
body.page header.opinion-header,
body.page header.opinion-site-header,
body.page .opinion-page-cover {
    display: none !important;
}

body.page #theme-main > .jumbotron,
body.page #theme-main > .bg-light-subtle,
body.page .google-auto-placed {
    display: none !important;
}

body.page #theme-main > .container,
body.page #container-content-page,
body.page #content,
body.page #primary,
body.page .site-content,
body.page #wrapper.site-content,
body.page .content-outer.container,
body.page .content-area,
body.page .entry-content,
body.page .post-content,
body.page .post-entry,
body.page article.hentry,
body.page .opinion-section:not(.opinion-page-cover),
body.page .opinion-section:not(.opinion-page-cover) > .container,
body.page .opinion-section:not(.opinion-page-cover) .section-content,
body.page .opinion-section:not(.opinion-page-cover) .opinion-post,
body.page .opinion-section:not(.opinion-page-cover) [class*="col-"],
body.page #ruby-site-content > .ruby-page-wrap.ruby-container,
body.page #ruby-site-content > .ruby-page-wrap > .ruby-content-wrap {
    display: block !important;
    flex: 0 0 100% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
}

body.page #theme-main > .container > .row,
body.page #container-content-page > .row {
    --bs-gutter-x: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.page #theme-main .col-md-10.offset-md-1 {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page #ruby-site-content > .ruby-page-wrap > #sidebar,
body.page .single-header {
    display: none !important;
}

.ocs-live-v3 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
}

.ocs-live-v3 a {
    text-decoration: none !important;
}

.ocs-live-v3 .ocs-choice-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.ocs-live-v3 .ocs-choice-list button {
    background: #f8fafc !important;
    border: 1px solid rgba(24, 32, 51, 0.16) !important;
    border-radius: 8px !important;
    color: #182033 !important;
    cursor: pointer !important;
    font: inherit !important;
    font-size: 0.94rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    text-align: left !important;
}

.ocs-live-v3 .ocs-choice-list button.is-active {
    background: #182033 !important;
    border-color: #182033 !important;
    color: #ffffff !important;
}

.ocs-live-v3 .ocs-tool-output {
    min-height: 210px !important;
}