/* Article layout matched to the published September StoryLine One page. */
.case-detail-page .detail-issue-date{margin:0 0 14px;color:#16c9a6;font-family:var(--font-title);font-size:15px;font-weight:600;line-height:1.5}
.case-detail-page .section-heading .eyebrow{margin-bottom:22px;max-width:100%;height:auto;min-height:32px;padding-top:6px;padding-bottom:6px;white-space:normal}
.case-detail-page .section-heading{margin-bottom:34px}
.case-detail-page .section-heading h1{font-size:clamp(36px,5vw,58px);line-height:1.2;font-weight:700}
.case-detail-page .body-copy>p{font-size:18px;line-height:1.8;margin:0}
.case-detail-page .body-copy>p+p{margin-top:14px}
.case-detail-page .record-flow{margin:28px 0 0;padding:26px 20px;font-size:15px;border-radius:12px}
.case-detail-page .body-copy>.button-row{margin-top:24px;text-align:left}
.case-detail-page .howto{margin-top:56px;padding:0 0 0;border-top:0}
.case-detail-page .step-heading{margin-bottom:18px;align-items:baseline}
.case-detail-page .step-heading h2{margin:0;color:#2f3337;font-size:28px;line-height:1.32;font-weight:700}
.case-detail-page .step-number{font-size:14px;font-weight:800}
.case-detail-page .howto>p{line-height:1.8}
.case-detail-page .product-image{margin:28px 0;padding:26px;border-radius:22px;background:#e9faf6}
.case-detail-page .product-image img{border-radius:12px}
.case-detail-page .consultation{max-width:none}
.case-detail-page .consultation img{max-width:540px;margin:auto}
.case-detail-page .use-cases{display:grid;gap:0;margin-top:34px}
.case-detail-page .use-cases>div{padding:24px 0;border-top:1px solid #d9e8e4;border-bottom:0}
.case-detail-page .use-cases>div:last-child{border-bottom:1px solid #d9e8e4}
.case-detail-page .use-cases h4{font-size:20px;line-height:1.4;font-weight:800}
.case-detail-page .use-cases p{margin:6px 0 0;color:#586763;font-size:15px;line-height:1.65}
.case-detail-page .checklist{margin:34px 0}
.case-detail-page .checklist li{padding-top:16px;padding-bottom:16px}
.case-detail-page .info-note{margin-top:24px;padding:22px 24px;border-radius:12px;font-size:16px;line-height:1.7}
.detail-article-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:76px;padding:24px;min-height:96px;border:1px solid #e0eee9;border-radius:16px;background:#f0fdfb}
.detail-article-cta p{margin:0;color:#475569;font-family:var(--font-title);font-size:20px;font-weight:700;line-height:1.5}
.detail-article-cta .button{flex-shrink:0;min-height:48px;font-size:15px}
@media(max-width:760px){.case-detail-page .section-heading h1{font-size:36px}.case-detail-page .detail-issue-date{font-size:13px}.case-detail-page .body-copy>p{font-size:16px;line-height:1.75}.case-detail-page .record-flow{padding:20px 12px;font-size:13px}.case-detail-page .howto{margin-top:44px}.case-detail-page .step-heading h2{font-size:24px}.case-detail-page .product-image{padding:16px;border-radius:16px}.case-detail-page .use-cases h4{font-size:17px}.case-detail-page .use-cases p{font-size:14px}.case-detail-page .info-note{padding:18px;font-size:14px}.detail-article-cta{flex-direction:column;align-items:flex-start;margin-top:52px;padding:22px}.detail-article-cta p{font-size:18px}.case-detail-page .section-heading .eyebrow{font-size:12px}}
@media(max-width:380px){.case-detail-page .section-heading h1{font-size:32px}}

/* Case photo spans the full article width. */
.case-detail-page .koala-case-full{width:100%;max-width:none;margin:36px 0}
@media(max-width:760px){.case-detail-page .koala-case-full{margin:28px 0}}

.detail-summary-trailer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:70px;padding:20px 16px;text-align:center}
.detail-summary-trailer p{margin:0;color:#777;font-size:16px;line-height:1.5}
.detail-summary-trailer a{color:#000;font-size:16px;font-weight:700;line-height:1.2;text-decoration:underline;text-underline-offset:2px}
.case-detail-page>footer{width:100%;margin:0;border-radius:0;padding:38px 24px 36px;background:#303438}
@media(max-width:760px){.detail-summary-trailer{margin-top:48px}.detail-summary-trailer p,.detail-summary-trailer a{font-size:14px}.case-detail-page>footer{padding:34px 20px 32px}}

.case-summary-table{margin:48px 0 34px}
.case-summary-table h2{margin:0 0 22px;color:#2f3337;font-family:var(--font-title);font-size:28px;font-weight:700;line-height:1.32}
.case-table-scroll{overflow-x:auto;border:1px solid #dce8e3;border-radius:16px;background:#fff}
.case-table-scroll:focus-visible{outline:3px solid #16c9a6;outline-offset:4px}
.case-summary-table table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:16px;line-height:1.65}
.case-summary-table .category-col{width:16%}.case-summary-table .before-col{width:34%}.case-summary-table .after-col{width:50%}
.case-summary-table th,.case-summary-table td{padding:17px 20px;vertical-align:middle;border-bottom:1px solid #e0eee9}
.case-summary-table thead th{background:#e3fbf3;color:#126d5c;font-family:var(--font-title);font-size:16px;font-weight:800}
.case-summary-table tbody th{background:#f5f7f6;color:#34443e;font-family:var(--font-title);font-weight:700}
.case-summary-table tbody td{color:#475569}
.case-summary-table tbody td:last-child{color:#263d35;background:#fbfefd}
.case-summary-table tr:last-child>*{border-bottom:0}
.case-summary-table td strong{color:#087967;font-weight:800}
@media(max-width:760px){.case-summary-table{margin:38px 0 28px}.case-summary-table h2{font-size:24px;margin-bottom:18px}.case-table-scroll{border-radius:12px}.case-summary-table table{font-size:13px;line-height:1.6}.case-summary-table th,.case-summary-table td{padding:12px 9px;word-break:keep-all;overflow-wrap:anywhere}.case-summary-table thead th{font-size:13px}.case-summary-table .category-col{width:19%}.case-summary-table .before-col{width:32%}.case-summary-table .after-col{width:49%}}

@media(min-width:761px){
  .case-detail-page .comparison{padding:6px 28px 12px}
  .case-detail-page .comparison h3{margin:16px 0 8px}
  .case-detail-page .comparison dl{margin-top:10px}
  .case-detail-page .comparison dl>div{padding:10px 0;line-height:1.5}
}

.case-detail-page .case-closing,.case-detail-page .case-closing strong{color:var(--mint)}

.one-detail-page .body-copy>.button-row{text-align:center}

.one-detail-page .one-summary-diagram{width:100%;margin:32px 0 0;padding:36px 32px;background:var(--pale)}
.one-detail-page .one-flow-source,.one-detail-page .one-flow-ai{max-width:380px;padding:22px 40px}
.one-detail-page .one-flow-results>div{padding:22px 12px}
.one-detail-page .one-flow-results strong{font-size:18px}
.one-detail-page .one-flow-results span{font-size:14px}
.one-detail-page .one-summary-diagram+.button-row{margin-top:28px;text-align:center}
@media(max-width:760px){.one-detail-page .one-summary-diagram{padding:24px 12px;margin-top:28px}.one-detail-page .one-flow-source,.one-detail-page .one-flow-ai{max-width:260px;padding:16px 34px}.one-detail-page .one-flow-results>div{padding:14px 4px}.one-detail-page .one-flow-results strong{font-size:13px}.one-detail-page .one-flow-results span{font-size:11px}}

.one-detail-page .icon-use-cases>.use-case-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:center;padding:24px 0}
.use-case-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;background:#f2f4f3;color:var(--mint)}
.use-case-icon svg{width:30px;height:30px}
.use-case-heading{display:flex;align-items:baseline;gap:10px}
.use-case-number{color:var(--mint);font-family:var(--font-title);font-size:14px;font-weight:800;flex-shrink:0}
.one-detail-page .use-case-heading h4{margin:0}
@media(max-width:760px){.one-detail-page .icon-use-cases>.use-case-row{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:20px 0}.use-case-icon{width:50px;height:50px;border-radius:14px}.use-case-icon svg{width:26px;height:26px}.use-case-heading{gap:7px}}

/* Blend the first guide image's white canvas into its mint panel. */
.one-detail-page .howto:first-of-type .product-image a{display:block;background:transparent}
.one-detail-page .howto:first-of-type .product-image img{background:transparent;mix-blend-mode:multiply;border-radius:0}

.one-detail-page .howto:first-of-type .product-image a{overflow:hidden;border-radius:12px}
.one-detail-page .howto:first-of-type .product-image img{border-radius:12px}
@media(max-width:760px){.one-detail-page .howto:first-of-type .product-image a,.one-detail-page .howto:first-of-type .product-image img{border-radius:10px}}

/* Section badges distinguish usage sections from the numbered items within them. */
.one-detail-page .howto>.step-heading{align-items:center;gap:14px}
.one-detail-page .howto>.step-heading>.step-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--mint);color:#fff;font-size:17px;font-weight:800;line-height:1}
@media(max-width:760px){.one-detail-page .howto>.step-heading{gap:10px}.one-detail-page .howto>.step-heading>.step-number{flex-basis:34px;width:34px;height:34px;border-radius:10px;font-size:14px}}

.one-detail-page .story-original-panel{padding:0 48px;overflow:hidden}
.story-original-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;width:100%;max-width:620px;margin-inline:auto;aspect-ratio:1;overflow:hidden}
.one-detail-page .story-original-layout .story-original-screen{display:block;overflow:hidden;background:transparent;border-radius:0}
.one-detail-page .story-original-layout .story-original-screen img{display:block;width:100%;height:auto;background:transparent;mix-blend-mode:normal;border-radius:0;margin:0}
.one-detail-page .story-original-layout .story-original-list{transform:translateY(-20px);background:white;padding-bottom:18px;border-radius:20px;clip-path:inset(0 .8% 0 round 20px)}
.one-detail-page .story-original-layout .story-original-list img{clip-path:inset(0 0 0.7% round 22px)}
.story-original-detail{margin-top:30px;clip-path:inset(.4% 4.2% 0 1.6% round 14px 14px 0 0)}
@media(max-width:760px){
.one-detail-page .story-original-panel{padding:0 20px}
.story-original-layout{gap:16px}
.one-detail-page .story-original-layout .story-original-list{transform:translateY(-8px);padding-bottom:12px;border-radius:12px;clip-path:inset(0 .8% 0 round 12px)}
.one-detail-page .story-original-layout .story-original-list img{clip-path:inset(0 0 .7% round 12px)}
.story-original-detail{margin-top:12px;clip-path:inset(.4% 4.2% 0 1.6% round 7px 7px 0 0)}
}
.one-detail-page .story-original-layout a.story-original-list{background:#fff!important;padding-bottom:18px!important}
.one-detail-page .story-original-layout a.story-original-list img{clip-path:inset(0 1% 1.2% round 26px)}
@media(max-width:760px){.one-detail-page .story-original-layout a.story-original-list{padding-bottom:12px!important}.one-detail-page .story-original-layout a.story-original-list img{clip-path:inset(0 1% 1.2% round 14px)}}

.one-detail-page .consultation-more-intro{margin:30px 0 16px;font-weight:700}

.one-detail-page .consultation-use-cases .use-case-content p{font-size:20px;line-height:1.65;margin:0;color:var(--ink);font-weight:400}
.one-detail-page .consultation-use-cases .use-case-content strong{font-weight:700}
@media(max-width:760px){.one-detail-page .consultation-use-cases .use-case-content p{font-size:17px}}

.one-detail-page .product-image.consultation a{display:block;width:min(100%,360px);margin-inline:auto}
.one-detail-page .product-image.consultation img{width:100%;height:auto}
@media(min-width:761px){.one-detail-page .one-summary-diagram .one-flow-source,.one-detail-page .one-summary-diagram .one-flow-ai,.one-detail-page .one-summary-diagram .one-flow-consultation{padding:20px 10px;min-height:120px}.one-detail-page .one-summary-diagram{padding:28px 20px}}
/* Separate the consultation screen from its mint surround. */
.one-detail-page .product-image.consultation a{background:#fff;border:1px solid #d6e3df;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(38,61,53,.09)}
.one-detail-page .product-image.consultation img{background:#fff;mix-blend-mode:normal;border-radius:0}
/* Focus the consultation image on the four relevant menus. */
.one-detail-page .product-image.consultation a{aspect-ratio:724 / 650;position:relative}
.one-detail-page .product-image.consultation img{position:absolute;top:0;left:0;max-width:none;transform:translateY(-47.5%)}
/* Leave more context above the report menu and breathing room below. */
.one-detail-page .product-image.consultation a{aspect-ratio:724 / 870}
.one-detail-page .product-image.consultation img{transform:translateY(-38.5%)}
/* Let the menu screenshot continue behind the bottom edge of the mint frame. */
.one-detail-page .product-image.consultation{padding-bottom:0;overflow:hidden}
.one-detail-page .product-image.consultation a{border-bottom:0;border-radius:12px 12px 0 0;aspect-ratio:724 / 800}
.one-detail-page .product-image.consultation{padding-top:42px}
@media(max-width:760px){.one-detail-page .product-image.consultation{padding-top:28px}}
/* Show the consent-management menu above the record and report entries. */
.one-detail-page .product-image.consultation a{aspect-ratio:724 / 930}
.one-detail-page .product-image.consultation img{transform:translateY(-30%)}
.one-detail-page .story-original-layout .story-original-list{transform:translateY(-36px)}
@media(max-width:760px){.one-detail-page .story-original-layout .story-original-list{transform:translateY(-16px)}}
/* Start between menu rows so no fragment from the preceding icon remains. */
.one-detail-page .product-image.consultation img{transform:translateY(-32.3%)}
/* Shorten the lower edge without shifting the screenshot's top crop. */
.one-detail-page .product-image.consultation a{aspect-ratio:724 / 850}

.consultation-platform-label{text-align:center;margin:0 0 18px;font-size:13px;font-weight:700;color:#526660;line-height:1.5}
/* Platform tag at the upper-left of the screenshot frame. */
.one-detail-page .product-image.consultation{position:relative;padding-top:68px}
.consultation-platform-label{position:absolute;top:20px;left:22px;display:inline-block;margin:0;padding:5px 12px;background:#fff;border:1px solid #d6e9e3;border-radius:999px;color:#526660;font-size:12px;font-weight:700;line-height:1.5;text-align:left}
@media(max-width:760px){.one-detail-page .product-image.consultation{padding-top:60px}.consultation-platform-label{top:16px;left:16px;font-size:11px;padding:4px 10px}}

.one-detail-page .consultation+.info-note{margin:18px 0 32px}
.one-detail-page .consultation-more-intro{margin:0 0 12px;font-size:20px;line-height:1.5}
.one-detail-page .consultation-more-intro+.consultation-use-cases{margin-top:0}
@media(max-width:760px){.one-detail-page .consultation-more-intro{font-size:18px}}
/* Mobile CTA: copy above a full-width pill button. */
@media(max-width:760px){
.detail-article-cta{align-items:stretch;gap:16px;padding:22px 18px;border-radius:16px}
.detail-article-cta p{font-size:16px;line-height:1.5;word-break:keep-all}
.detail-article-cta .button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin:0;border-radius:999px;font-size:16px;text-align:center}
.detail-summary-trailer{margin-top:52px;gap:14px}
}
@media(max-width:760px){.detail-article-cta p{text-align:center}}