.website-skip-link{position:absolute;left:1rem;top:-6rem;z-index:1000;background:#fff;color:#123e36;padding:.8rem 1.2rem}.website-skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b45309;outline-offset:4px}.website-typed{display:block!important;color:#172b35;background:#fff}.website-typed h1{font-size:clamp(2.2rem,5.3vw,4.3rem);line-height:1.15;max-width:20ch;letter-spacing:-.035em;color:#123e36}.website-typed h2{font-size:clamp(1.6rem,3.5vw,2.5rem);line-height:1.25;color:#123e36}.website-typed h3{font-size:1.25rem;line-height:1.4;color:#123e36}.website-section-intro{max-width:72ch;font-size:1.125rem;line-height:1.85}.website-type-hero{background:linear-gradient(125deg,#ecf7f2,#fff7e8)!important}.website-typed p,.website-typed li,.website-typed dd{line-height:1.8;overflow-wrap:anywhere}.website-card-grid,.website-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}.website-content-card,.website-sample-grid>div{padding:1.6rem;border:1px solid #cbd8d4;border-radius:1rem;background:#fff;min-width:0}.website-content-card h3{margin-top:.3rem}.website-typed-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.website-typed-action{display:inline-flex;padding:.85rem 1.3rem;border-radius:.6rem;background:#165644;color:#fff!important;font-weight:700;text-decoration:none;min-height:44px;align-items:center}.website-typed-action:hover{background:#103d31}.website-key-points{padding-left:1.3rem}.website-key-points li{margin:.5rem 0}.website-table-scroll{max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid #cbd8d4;border-radius:.7rem}.website-table-scroll table{border-collapse:collapse;width:100%;min-width:32rem}.website-table-scroll th,.website-table-scroll td{padding:1rem;text-align:left;border-bottom:1px solid #dce5e1;vertical-align:top}.website-table-scroll thead{background:#eaf4ef;color:#123e36}.website-faq{padding:1.2rem 0;border-bottom:1px solid #b9cbc2}.website-faq summary{cursor:pointer;font-weight:700;font-size:1.125rem;line-height:1.7}.website-steps,.website-curriculum{padding-left:1.8rem;counter-reset:steps}.website-steps>li,.website-curriculum>li{padding:.4rem 0 1.4rem 1rem;border-bottom:1px solid #dce5e1}.website-deliverable,.website-example-label{background:#eef5ef;padding:.5rem .8rem;border-radius:.4rem;color:#254737}.website-example-label{display:inline-block;font-size:.85rem}.website-typed-image{margin:1.5rem 0}.website-typed-image img,.website-page-image img,.website-article-card-thumb img{display:block;width:100%;height:auto;object-fit:cover}.website-typed-image img{border-radius:1rem;max-height:38rem}.website-contact-methods>div{margin:1rem 0}.website-contact-methods dt{font-weight:700}.website-contact-methods dd{margin:.2rem 0}.website-typed a:not(.website-typed-action){color:#165644;text-underline-offset:.18em}.website-category-filter{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.2rem 0}.website-category-filter select,.website-category-filter button{font:inherit;padding:.65rem;border:1px solid #8ba398;border-radius:.4rem;background:white;color:#123e36;min-height:44px}.website-article-hub-heading p{color:#354a42}.website-brand-article-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1.2rem;max-width:1100px;margin:auto;background:#fff}.website-brand-article-nav a{color:#165644}.website-article-hub .website-article-card{min-width:0}#website-main{display:block}#website-main img{max-width:100%}.website-custom-html{max-width:100%}.website-typed address{font-style:normal;font-size:1.25rem}@media(max-width:640px){.website-card-grid,.website-sample-grid{grid-template-columns:1fr}.website-typed{padding:1.5rem!important}.website-typed h1{font-size:2.2rem}.website-typed-image{margin:1rem 0}.website-content-card{padding:1.2rem}.website-typed-actions>*{max-width:100%}.website-table-scroll table{font-size:.95rem}}

.website-hub-intro{display:block!important}.website-hub-intro>.website-article-hub{padding:0;border:0}

/* Hero reading/focus order is copy, highlights, actions, then the visual. */
.website-hero-layout { display: grid; gap: 1.5rem; min-width: 0; }
.website-hero-copy, .website-hero-visual { min-width: 0; }
.website-hero-visual .website-typed-image { margin: 0; }
.website-hero-visual .website-typed-image img { max-height: 28rem; object-fit: contain; }
@media (min-width: 900px) {
    .website-hero-with-image {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        align-items: center;
        gap: clamp(1.5rem, 3vw, 3rem);
    }
    .website-hero-with-image h1 { font-size: clamp(2.2rem, 3.2vw, 3.4rem); }
}

/* Shared content layouts: preserve the merchant's palette and actual reading order. */
.website-typed h1,.website-typed h2,.website-typed h3 { color: var(--website-primary, #123e36); }
.website-card-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,24rem),1fr)); align-items: start; }
.website-sample-grid { align-items: start; }
.website-sample-stacked { grid-template-columns: minmax(0,1fr); }
.website-typed-actions { align-items: stretch; }
.website-typed-actions > a { margin: 0 !important; box-sizing: border-box; min-height: 48px; align-self: stretch; justify-content: center; text-align: center; line-height: 1.5; }
.website-typed-action { background: var(--website-primary, #165644); }
.website-typed-image { max-width: 52rem; margin: 1.5rem auto 0; }
.website-typed-image img { max-height: 21rem; object-fit: contain; background: #f7f8f7; }
.website-image-artifact { max-width: none; }
.website-image-artifact img { max-height: 40rem; }
.website-content-card .website-typed-image img { max-height: 16rem; }
.website-output-card,.website-contact-card { padding: 1.4rem; border: 1px solid #cbd8d4; border-radius: .9rem; margin: 1rem 0; min-width: 0; }
.website-copy-content { white-space: normal; line-height: 1.85; overflow-wrap: anywhere; }
.website-copy-tools { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
.website-copy-button { font: inherit; font-weight: 700; padding: .65rem 1rem; min-height: 44px; border: 1px solid #8ba398; border-radius: .5rem; background: #fff; color: #123e36; cursor: pointer; }
.website-copy-status { font-size: .9rem; color: #354a42; }
.website-steps-overview { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.25rem 0; }
.website-steps-overview a { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid #cbd8d4; border-radius: .6rem; padding: .6rem .8rem; min-height: 44px; text-decoration: none; }
.website-steps-overview span { font-weight: 700; }
.website-steps > li { scroll-margin-top: 6rem; }
.website-table-hint { display: none; font-size: .9rem; }
@media(max-width:640px) {
    .website-table-responsive { overflow: visible; border: 0; }
    .website-table-responsive table { min-width: 0; width: 100%; display: block; }
    .website-table-responsive thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
    .website-table-responsive tbody { display: block; }
    .website-table-responsive tr { display: block; margin: .8rem 0; border: 1px solid #cbd8d4; border-radius: .7rem; overflow: hidden; }
    .website-table-responsive th[scope="row"] { display: block; background: #eaf4ef; border: 0; padding: .8rem; }
    .website-table-responsive th[scope="row"],.website-table-responsive td,.website-table-responsive td::before { min-width: 0; overflow-wrap: anywhere; }
    .website-table-responsive td { display: grid; grid-template-columns: minmax(5.5rem,.7fr) minmax(0,1.3fr); gap: .75rem; padding: .8rem; }
    .website-table-responsive td::before { content: attr(data-label); font-weight: 700; color: #123e36; }
    .website-table-responsive td:last-child { border: 0; }
    .website-table-hint { display: block; }
    .website-output-card,.website-contact-card { padding: 1.1rem; }
    .website-typed-image img { max-height: 18rem; }
    .website-image-artifact img { max-height: none; }
}

/* Brand colours also apply to typed copy and the hero background. */
.website-typed { color: var(--website-text, #172b35); }
.website-type-hero { background: linear-gradient(125deg,color-mix(in srgb,var(--website-primary,#123e36) 8%,white),white) !important; }

/* Keep long generated headlines readable across desktop and mobile. */
.website-typed h1 { text-wrap: balance; }

/* Public identity and buyer needs are readable content, using the existing page navigation. */
.website-brand-story-layout { display: grid; gap: 1.5rem; align-items: start; }
.website-brand-story-copy,.website-brand-story-visual { min-width: 0; }
.website-brand-story-visual .website-typed-image { margin: 0; }
.website-brand-story-visual img { max-height: 30rem; object-fit: contain; }
.website-brand-person { font-size: 1.35rem; }
.website-brand-reason { border-top: 1px solid #cbd8d4; padding-top: .9rem; margin-top: 1rem; }
.website-brand-reason h3 { margin-top: 0; }
.website-type-audience_paths .website-card-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,19rem),1fr)); }
@media(min-width:800px) { .website-brand-story-with-image { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); } }

/* Complete work artifacts keep headings, paragraphs and lists readable. */
.website-copy-content h4,.website-copy-content h5,.website-copy-content h6{line-height:1.4;margin:1.35em 0 .6em;white-space:normal}.website-copy-content h4{font-size:1.16em}.website-copy-content h5{font-size:1.06em}.website-copy-content p{margin:0 0 1em;white-space:pre-line}.website-copy-content p:last-child{margin-bottom:0}.website-copy-content ul,.website-copy-content ol{padding-inline-start:1.5em;margin:.6em 0 1em;white-space:normal}.website-copy-content li{margin:.45em 0;overflow-wrap:anywhere}.website-copy-content code{font-size:.93em;overflow-wrap:anywhere}

/* Reading rhythm follows the role of the content, including pages without photography. */
.website-typed h1{font-size:clamp(2.15rem,4.2vw,3.25rem);line-height:1.25;letter-spacing:-.025em;margin:.35em 0 .55em;max-width:24ch}
.website-typed h2{font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.4;margin:.15em 0 .65em;text-wrap:balance}
.website-section-intro{font-size:1.08rem;line-height:1.85;margin:.6em 0 1.2em}
.website-typed a:not(.website-typed-action){color:var(--website-primary,#165644)}
.website-type-brand_story{border:0!important;border-inline-start:4px solid var(--website-primary,#165644)!important;border-radius:0!important;background:transparent!important}
.website-brand-story-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.website-brand-story-copy>p{grid-column:1/-1;margin:0}
.website-brand-reason{border:0;margin:0;padding:1.1rem;background:color-mix(in srgb,var(--website-primary,#165644) 5%,white);border-radius:.65rem}
.website-type-audience_paths .website-content-card{border-top:3px solid var(--website-primary,#165644)}
.website-type-contact{background:color-mix(in srgb,var(--website-primary,#165644) 5%,white)!important}
.website-table-scroll thead,.website-deliverable,.website-example-label{background:color-mix(in srgb,var(--website-primary,#165644) 7%,white);color:var(--website-primary,#165644)}
.website-output-card,.website-contact-card,.website-content-card{border-color:color-mix(in srgb,var(--website-primary,#165644) 19%,white)}
.website-copy-content{max-width:100%}
@media(max-width:640px){.website-typed h1{font-size:clamp(1.9rem,8.2vw,2.2rem);line-height:1.3}.website-typed h2{font-size:1.55rem}.website-brand-story-copy{grid-template-columns:minmax(0,1fr)}.website-brand-reason{padding:1rem}.website-type-brand_story{padding-inline-start:1.2rem!important}}

/* Complete work belongs to its own case and remains readable beside short testimonials. */
.website-card-grid>.website-case-with-outputs,.website-card-grid>.website-card-with-artifact{grid-column:1/-1}


/* An image-free first screen uses its existing useful facts as a readable visual summary. */
.website-hero-highlights{min-width:0}
.website-hero-highlights .website-key-points{display:grid;gap:.8rem;list-style:none;margin:0;padding:0}
.website-hero-highlights .website-key-points li{margin:0;padding:1.05rem 1.2rem;border:1px solid color-mix(in srgb,var(--website-primary,#165644) 18%,white);border-inline-start:4px solid var(--website-primary,#165644);border-radius:.75rem;background:#fff;box-shadow:0 .4rem 1.5rem rgb(18 43 53 / 4%);font-size:1rem;line-height:1.7}
.website-type-hero .website-typed-actions>.website-typed-action+.website-typed-action{background:transparent;color:var(--website-primary,#165644)!important;border:1px solid currentColor}
@media(min-width:900px){.website-hero-with-highlights{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:center;gap:clamp(1.5rem,3vw,3rem)}}
@media(max-width:640px){.website-hero-highlights .website-key-points{gap:.65rem}.website-hero-highlights .website-key-points li{padding:.85rem 1rem}}

/* Keep generated fragment targets visible below the sticky site navigation. */
#website-main,
#website-main [id] { scroll-margin-top: var(--website-anchor-offset, 8rem); }
@media (max-width: 760px) {
    /* The public shell uses a static header at this same breakpoint. */
    #website-main,
    #website-main [id] { scroll-margin-top: var(--website-anchor-offset, 1rem); }
}

/* Article lists help mobile readers choose a topic before opening the full article. */
@media (max-width: 640px) {
    .website-article-hub .website-article-grid { gap: .9rem; }
    .website-article-hub .website-article-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .65rem;
        min-height: 0;
        padding: 1rem;
    }
    .website-article-hub .website-article-card:has(> .website-article-card-thumb) {
        grid-template-columns: 5rem minmax(0, 1fr);
    }
    .website-article-hub .website-article-card > .website-article-card-thumb {
        grid-column: 1;
        grid-row: 1 / 3;
        align-self: start;
        aspect-ratio: 4 / 3;
        margin: 0;
        border-radius: .4rem;
    }
    .website-article-hub .website-article-card > .website-article-card-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .website-article-hub .website-article-card:has(> .website-article-card-thumb) > span,
    .website-article-hub .website-article-card:has(> .website-article-card-thumb) > h3 {
        grid-column: 2;
    }
    .website-article-hub .website-article-card > h3 {
        margin: 0;
        font-size: 1.05rem;
        line-height: 1.5;
    }
    .website-article-hub .website-article-card > p {
        grid-column: 1 / -1;
        margin: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: .95rem;
        line-height: 1.65;
    }
    .website-article-hub .website-article-card > .website-article-card-footer {
        grid-column: 1 / -1;
        margin-top: 0;
        padding-top: 0;
    }
    .website-article-hub .website-article-card-footer > a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

/* Complete artifacts remain available while the initial reading shows the useful result. */
.website-output-preview{font-size:1.05rem;line-height:1.8;color:var(--website-text,#253447)}
.website-output-details{margin-top:1rem;border-top:1px solid var(--website-border,#d9e1eb)}
.website-output-details>summary{cursor:pointer;min-height:44px;padding:1rem .25rem;font-weight:700;color:var(--website-primary,#235ea8);overflow-wrap:anywhere}
.website-output-details>summary:focus-visible{outline:3px solid var(--website-primary,#235ea8);outline-offset:3px}
.website-output-details[open]>summary{margin-bottom:.5rem}
.website-reading-picks{margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid var(--website-border,#d9e1eb);border-radius:16px;background:var(--website-surface,#fff)}
.website-reading-picks ul{margin:0;padding-left:1.25rem;display:grid;gap:1rem}
.website-reading-picks li p{margin:.35rem 0 0;line-height:1.75}
.website-reading-picks a{display:inline-block;min-height:24px;font-weight:700;text-underline-offset:.2em}
@media(max-width:600px){.website-reading-picks{padding:1rem}.website-reading-picks a{padding:.35rem 0}}