@import "./tokens/portfolio.css";

/* Portfolio presentation only; journal/newsletter rendering stays independent. */
body:has(.jiz-footer){display:flow-root;background:var(--portfolio-canvas)}
:is(.jiz-homepage,.jiz-cs,.jiz-btb-detail,.tfs){--color-text-muted:var(--portfolio-muted)}
:is(.jiz-homepage,.jiz-cs,.jiz-btb-detail,.tfs) :focus-visible{outline:2px solid var(--portfolio-accent-ink);outline-offset:4px}
.jiz-homepage .jiz-nav-link{min-height:44px}
.jiz-homepage .jiz-nav-link:focus-visible,.jiz-homepage .jiz-nav-cta:focus-visible{outline-color:var(--accent-cyan)}
.jiz-homepage .jiz-nav-link:hover{text-decoration:underline;text-underline-offset:6px}
.jiz-homepage .jz-wrap{width:min(var(--portfolio-content-max),calc(100% - 2 * var(--chapter-pad-x)))}
.jiz-homepage .jz-fw-card:hover .jz-fw-title{background:transparent;color:var(--obsidian);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.jiz-homepage .jz-fw-card:has(.jz-fw-cta:focus-visible){outline:2px solid var(--obsidian);outline-offset:8px}
.jiz-homepage .jz-pr--capabilities .jz-pr-cap button:hover .jz-pr-cap-t,.jiz-homepage .jz-pr--capabilities .jz-pr-cap[data-open="true"] .jz-pr-cap-t,.jiz-homepage .jz-pr--capabilities .jz-pr-cap[data-open="true"] .jz-pr-cap-x{background:transparent;color:var(--obsidian)}
.jiz-homepage .jz-pr-cap button:hover .jz-pr-cap-t{text-decoration:underline;text-underline-offset:5px}
.jiz-homepage .jz-jr-x{background:transparent;color:var(--obsidian)}
.jiz-homepage .jz-fw-media,.jiz-homepage .jz-fw-flag-media{border-radius:var(--panel-r-inner)}
.jiz-homepage .jz-st-layer{color:var(--accent-cyan)}
.jiz-homepage .jiz-build :is(input,select,textarea){border-color:var(--portfolio-control-line)}
.jiz-homepage .jiz-build :is(input,select,textarea):focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}
.jiz-homepage :is(.jiz-am-card,.jiz-arch-card){box-shadow:none;border-color:var(--portfolio-line)}
.jiz-homepage :is(.jiz-am-card,.jiz-arch-card):hover{box-shadow:none;border-color:var(--accent-cyan)}

/* Enterprise case studies reuse Chapter, including their original optional section ordering. */
.jiz-cs.jiz-cs{background:var(--portfolio-canvas)}
.jiz-cs .jiz-cs-wrap{width:100%;max-width:none;padding:var(--panel-gap) 0 1px}
.jiz-cs-overlay .jiz-cs .jiz-cs-wrap{padding-top:72px}
.jiz-cs .jiz-cs-crumb{width:min(var(--portfolio-content-max),calc(100% - 2 * (var(--panel-gap) + var(--chapter-pad-x))));margin:0 auto var(--panel-gap);min-height:44px;flex-wrap:wrap;color:var(--portfolio-copy)}
.jiz-cs .jiz-cs-crumb > span{min-width:0;overflow-wrap:anywhere}
.jiz-cs .jiz-chapter{--color-text-primary:var(--chapter-ink);--color-text-secondary:var(--chapter-ink-soft);--color-text-muted:var(--chapter-ink-mute);--color-accent-secondary:var(--portfolio-accent-ink);--color-accent-primary:var(--chapter-accent-ink);--portfolio-card-bg:rgba(247,248,250,.04);--portfolio-line:var(--chapter-line);margin:0 var(--panel-gap) var(--panel-gap);padding-block:var(--chapter-pad-y);border-radius:var(--panel-r);scroll-margin-top:80px}
.jiz-cs .jiz-chapter:is([data-surface="mist"],[data-surface="paper"]){--portfolio-card-bg:rgba(11,13,16,.04);--portfolio-accent-ink:color-mix(in srgb,var(--accent-cyan) 30%,var(--obsidian));--portfolio-control-line:rgba(11,13,16,.5)}
.jiz-cs .jiz-cs-title{font-size:var(--portfolio-title);max-width:20ch}
.jiz-cs .jiz-cs-h2{font-size:var(--portfolio-section-title);max-width:24ch}
.jiz-cs .jiz-cs-lede{font:var(--text-body-lg);line-height:1.65}
.jiz-cs :is(.jiz-cs-eyebrow,.jiz-cs-kicker,.jiz-cs-fact-k,.jiz-cs-snap-k,.jiz-cs-outcome-k,.jiz-cs-step-n){color:var(--portfolio-accent-ink)}
.jiz-cs :is(.jiz-cs-fact-k,.jiz-cs-kicker,.jiz-cs-snap-k,.jiz-cs-outcome-k,.jiz-cs-role dt,.jiz-cs-next-k){font:var(--text-eyebrow);font-size:.75rem;line-height:1.4;letter-spacing:var(--tracking-eyebrow)}
.jiz-cs .jiz-cs-fact-v{color:var(--color-text-primary)}
.jiz-cs :is(.jiz-cs-fact,.jiz-cs-panel,.jiz-cs-snapshot,.jiz-cs-steps,.jiz-cs-decision,.jiz-cs-outcome,.jiz-cs-reflect,.jiz-cs-notice){background:var(--portfolio-card-bg);border-color:var(--portfolio-line);border-radius:var(--panel-r-inner);box-shadow:none}
.jiz-cs .jiz-cs-fact{border-top-width:1px}
.jiz-cs .jiz-cs-facts{margin-bottom:clamp(28px,4vw,48px)}
.jiz-cs .jiz-cs-step{background:transparent}
.jiz-cs .jiz-cs-snap-cell{background:var(--chapter-surface)}
.jiz-cs .jiz-cs-panel h3,.jiz-cs .jiz-cs-step h3,.jiz-cs .jiz-cs-decision h3,.jiz-cs .jiz-cs-again h3{color:var(--color-text-primary)}
.jiz-cs .jiz-cs-decisions{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.jiz-cs .jiz-cs-snapshot,.jiz-cs .jiz-cs-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.jiz-cs .jiz-cs-outcomes{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.jiz-cs .jiz-cs-hero{margin-bottom:0;border-radius:var(--panel-r-inner);background:var(--obsidian)}
.jiz-cs .jiz-cs-package{border-color:var(--portfolio-line)!important;border-radius:var(--panel-r-inner)!important;background:var(--portfolio-card-bg)!important}
.jiz-cs .jiz-cs-package:focus-visible{outline:2px solid var(--portfolio-accent-ink)!important;outline-offset:4px}
.jiz-cs nav[aria-label="Portfolio package navigation"] button{border-color:var(--portfolio-control-line)!important;background:transparent!important;min-height:44px}
.jiz-cs nav[aria-label="Portfolio package navigation"] button:hover{background:var(--portfolio-card-bg)!important}
.jiz-cs .jiz-cs-next{display:block;border:0}
.jiz-cs .jiz-cs-next > .jiz-chapter__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-md)}
.jiz-cs .jiz-cs-next a{background:var(--portfolio-card-bg);border-color:var(--portfolio-line);border-radius:var(--panel-r-inner)}
.jiz-cs .jiz-cs-next a:hover{background:var(--portfolio-card-bg);border-color:var(--portfolio-accent-ink);text-decoration:underline;text-underline-offset:4px}
.jiz-cs .jiz-cs-back{background:transparent;border-color:var(--portfolio-control-line)}

/* Behind the Build uses the same Chapters; aliases resolve its original spacing names locally. */
.jiz-btb-detail{--space-2:var(--space-sm);--space-3:var(--space-md);--space-4:var(--space-lg);--space-5:var(--space-xl);--space-6:var(--space-2xl);--space-8:var(--space-3xl);background:var(--portfolio-canvas);padding-top:var(--panel-gap)}
.jiz-btb-detail .jiz-chapter{--color-text-primary:var(--chapter-ink);--color-text-secondary:var(--chapter-ink-soft);--portfolio-line:var(--chapter-line);margin:0 var(--panel-gap) var(--panel-gap);padding:var(--chapter-pad-y) 0;border:0;background:var(--chapter-surface);border-radius:var(--panel-r)}
.jiz-btb-detail .jiz-btb-cover{width:auto;min-height:min(78vh,800px);justify-content:center}
.jiz-btb-detail .jiz-chapter:is([data-surface="mist"],[data-surface="paper"]){--portfolio-card-bg:rgba(11,13,16,.04);--portfolio-accent-ink:color-mix(in srgb,var(--accent-cyan) 30%,var(--obsidian))}
.jiz-btb-detail .jiz-btb-headline{font-size:var(--portfolio-title);max-width:18ch}
.jiz-btb-detail .jiz-btb-section-title{font-size:var(--portfolio-section-title)}
.jiz-btb-detail :is(.jiz-btb-subheadline,.jiz-btb-supporting,.jiz-btb-section-subtitle,.jiz-btb-card-text,.jiz-btb-example-text){color:var(--chapter-ink-soft);max-width:68ch}
.jiz-btb-detail .jiz-btb-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-lg)}
.jiz-btb-detail :is(.jiz-btb-card,.jiz-btb-example,.jiz-btb-status){border-color:var(--portfolio-line);border-radius:var(--panel-r-inner);background:var(--portfolio-card-bg);box-shadow:none}
.jiz-btb-detail :is(.jiz-btb-example-header,.jiz-btb-card:hover){background:var(--portfolio-card-bg)}
.jiz-btb-detail .jiz-btb-status{color:var(--portfolio-accent-ink)}
.jiz-btb-detail .jiz-btb-status-dot{background:var(--accent-cyan);animation:none}

/* Preserve First Sentence media, prototype and Orange identity; refine only shared interfaces. */
.tfs .tfs-top{max-width:calc(var(--portfolio-content-max) + 2 * (var(--chapter-pad-x) + var(--panel-gap)));margin-inline:auto;flex-wrap:wrap}
.tfs .tfs-pill{border-color:var(--portfolio-control-line)}
.tfs .tfs-crumb{min-width:0;overflow-wrap:anywhere}

/* The approved chartreuse signature is a portfolio variant, never a journal redesign. */
footer.jiz-footer{background:var(--portfolio-footer);color:var(--portfolio-on-bright);padding-inline:var(--chapter-pad-x);box-shadow:none}
.jiz-footer::before{display:none}
.jiz-footer .jiz-footer-inner{width:min(var(--portfolio-content-max),100%);max-width:none}
.jiz-footer .jiz-footer-logo{filter:brightness(0)}
.jiz-footer .jiz-footer-name{color:var(--portfolio-on-bright)}
.jiz-footer :is(.jiz-footer-disciplines,.jiz-footer-copy,.jiz-footer-credit,.jiz-footer-tech){color:rgba(11,13,16,.8)}
.jiz-footer .jiz-footer-nav button{color:var(--portfolio-on-bright)}
.jiz-footer .jiz-footer-nav button:hover{background:transparent;border-color:var(--portfolio-on-bright);color:var(--portfolio-on-bright);text-decoration:underline;text-underline-offset:4px}
.jiz-footer .jiz-footer-top{background:var(--portfolio-on-bright);border-color:var(--portfolio-on-bright);color:var(--signal-lime)}
.jiz-footer .jiz-footer-top:hover{background:var(--carbon);box-shadow:none;transform:none}
.jiz-footer .jiz-footer-rule{background:rgba(11,13,16,.24)}
.jiz-footer :is(.jiz-footer-nav button,.jiz-footer-top):focus-visible{outline:2px solid var(--portfolio-on-bright);outline-offset:4px}

@media(prefers-reduced-motion:reduce){
:is(.jiz-homepage,.jiz-cs,.jiz-btb-detail,.tfs,.jiz-footer) *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
.tfs .jiz-chapter{--portfolio-accent-ink:var(--chapter-accent-ink)}
.jiz-btb-detail .jiz-chapter{--color-accent-secondary:var(--portfolio-accent-ink)}
.jiz-btb-detail .jiz-btb-example-header{width:100%;min-height:44px;border:0;text-align:left;font:inherit;color:var(--color-text-primary)}
.jiz-btb-detail .jiz-btb-example-header span:last-child{color:var(--portfolio-accent-ink)!important}
.jiz-btb-detail .jiz-btb-next button{min-height:44px;border-radius:var(--radius-pill)!important}