/* SORO's portfolio system: Purple Editorial, with a moss support rail for educator resources. */
:root{--soro-plum:#5b2c70;--soro-paper:#fbf8f3;--soro-lavender:#eee1f8;--soro-ink:#30283b;--soro-moss:#436c51;--soro-moss-wash:#e3ebdf;--soro-rule:#ded2e8}
body.editorial-case,body.educator-resource{background:var(--soro-paper);color:var(--soro-ink)}
body.editorial-case h1,body.editorial-case h2,body.editorial-case h3,body.educator-resource h1,body.educator-resource h2,body.educator-resource h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
body.editorial-case .project-button,body.editorial-case .button,body.editorial-case .flow-primary,body.educator-resource .project-button,body.educator-resource .button,body.educator-resource .flow-primary{background:var(--soro-plum);border-color:var(--soro-plum);color:#fff}
body.editorial-case .flow-navigation,body.educator-resource .flow-navigation{background:var(--soro-paper);border-color:var(--soro-rule)}
body.editorial-case .flow-navigation a,body.educator-resource .flow-navigation a{background:transparent;border-color:var(--soro-rule);border-radius:3px;color:var(--soro-plum)}
body.editorial-case .flow-navigation a[aria-current=location],body.educator-resource .flow-navigation a[aria-current=location]{background:var(--soro-plum);color:#fff}
body.editorial-case .project-section,body.educator-resource .project-section{border-color:var(--soro-rule)}
body.editorial-case .project-section h2,body.educator-resource .project-section h2{color:var(--soro-ink)}
body.editorial-case .project-story,body.educator-resource .project-story{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:clamp(25px,5vw,68px);align-items:start}
body.editorial-case .project-story>div:first-child{max-width:34ch}
body.editorial-case .section-head{border-color:var(--soro-rule)}
body.editorial-case .project-next{background:var(--soro-plum);border-radius:4px}
body.editorial-case .project-next h2{color:#fff}
body.editorial-case .case-visual{background:var(--soro-lavender)!important;color:var(--soro-ink)!important}
body.editorial-case .case-content,body.editorial-case .case{border-color:var(--soro-rule)}
body.editorial-case .tab[aria-selected=true]{background:var(--soro-plum)}
body.editorial-case .panel-note{border-color:var(--soro-moss);background:var(--soro-paper)}
body.editorial-case #case-main .story{max-width:none;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);column-gap:clamp(25px,5vw,68px);align-items:start;border-top:1px solid var(--soro-rule);padding-block:clamp(34px,5vw,62px)}
body.editorial-case #case-main .story>.eyebrow,body.editorial-case #case-main .story>h2{grid-column:1}
body.editorial-case #case-main .story>h2{grid-row:2;margin:0;max-width:18ch}
body.editorial-case #case-main .story>p:not(.eyebrow){grid-column:2;max-width:65ch}
body.editorial-case #case-main .decisions{background:transparent;border-block:1px solid var(--soro-rule);border-radius:0;padding:clamp(34px,5vw,62px) 0;margin:0}
body.editorial-case #case-main .decisions>div:first-child{max-width:36ch}
body.editorial-case #case-main .decision-list article{background:transparent;border:0;border-top:1px solid var(--soro-rule);border-radius:0;padding:16px 0}
body.editorial-case #case-main .decision-list article:first-child{border-top:2px solid var(--soro-plum)}
body.editorial-case #case-main .brief{border-color:var(--soro-rule)}
body.editorial-case #case-main .brief small{color:var(--soro-moss)}
body.editorial-case #case-main .iteration aside{background:var(--soro-lavender)}
body.editorial-case #case-main .cta{border-radius:4px}
body.editorial-case #case-main .cta .button{background:#fff;color:var(--soro-plum)}

/* Educator pages use the same story rhythm, with a slim green practice rail. */
body.educator-resource .project-story>div:first-child{border-left:3px solid var(--soro-moss);padding-left:17px}
body.educator-resource .project-story .eyebrow{color:var(--soro-moss)}
body.educator-resource #key-practices{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);column-gap:clamp(25px,5vw,68px);align-items:start}
body.educator-resource #key-practices>.eyebrow{grid-column:1;grid-row:1;margin:0 0 8px}
body.educator-resource #key-practices>h2{grid-column:1;grid-row:2;margin:0;max-width:18ch}
body.educator-resource #key-practices>.project-decisions{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:1fr;gap:0;margin:0}
body.educator-resource #key-practices .project-decisions article{background:transparent;border:0;border-top:1px solid #c9d7c7;border-radius:0;padding:15px 0}
body.educator-resource #key-practices .project-decisions article:first-child{border-top:2px solid var(--soro-moss)}
body.educator-resource #key-practices .project-decisions h3{font:500 19px/1.35 Arial,sans-serif;color:var(--soro-ink);margin:0 0 5px}
body.educator-resource #key-practices .project-decisions details summary{color:var(--soro-moss)}
body.educator-resource #experience{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);column-gap:clamp(25px,5vw,68px);align-items:start}
body.educator-resource #experience>.eyebrow{grid-column:1;grid-row:1;margin:0 0 8px}
body.educator-resource #experience>h2{grid-column:1;grid-row:2;margin:0 0 12px}
body.educator-resource #experience>p:not(.eyebrow){grid-column:1;grid-row:3}
body.educator-resource #experience>.project-actions{grid-column:1;grid-row:4;align-self:start}
body.educator-resource #experience>.flow-lab{grid-column:2;grid-row:1 / span 4;margin:0;background:var(--soro-moss-wash);border:0;border-radius:3px}
body.educator-resource #experience .flow-lab .eyebrow{color:var(--soro-moss)}
body.educator-resource #experience .flow-choice{border-color:#9db29e;border-radius:3px;color:#314b38}
body.educator-resource #experience .flow-choice[aria-pressed=true]{background:var(--soro-moss);border-color:var(--soro-moss);color:#fff}
body.educator-resource #experience .flow-response{border-color:var(--soro-moss);border-radius:0;background:var(--soro-paper)}
body.educator-resource #classroom-application .project-story>div:first-child{border-left-color:var(--soro-moss)}
body.educator-resource #reflection-next{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);column-gap:clamp(25px,5vw,68px);align-items:start}
body.educator-resource #reflection-next>.eyebrow{grid-column:1;grid-row:1;margin:0 0 8px;color:var(--soro-moss)}
body.educator-resource #reflection-next>h2{grid-column:1;grid-row:2;margin:0 0 12px}
body.educator-resource #reflection-next>p:not(.eyebrow){grid-column:1;grid-row:3}
body.educator-resource #reflection-next>.resource-reflections{grid-column:2;grid-row:1 / span 3;max-width:none}
body.educator-resource #reflection-next .consultation-method{border-color:#c9d7c7}
body.educator-resource #reflection-next .consultation-method summary{color:var(--soro-moss)}
body.educator-resource .project-next{background:var(--soro-plum);border-radius:4px}

/* Editorial work index: preserve the existing purple hero and convert project tiles into open, readable story entries. */
body.editorial-home #soro-refined{background:var(--soro-paper);color:var(--soro-ink)}
body.editorial-home #soro-refined .project-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
body.editorial-home #soro-refined .project-card{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);align-items:stretch;border:0;border-top:1px solid var(--soro-rule);border-radius:0;background:transparent;overflow:visible;box-shadow:none;transform:none}
body.editorial-home #soro-refined .project-card:nth-child(n+3){border-bottom:1px solid var(--soro-rule)}
body.editorial-home #soro-refined .project-visual{height:auto;min-height:190px;background:var(--soro-lavender)}
body.editorial-home #soro-refined .project-card-body{padding:20px 15px;min-width:0}
body.editorial-home #soro-refined .project-card h3{font:400 clamp(20px,2vw,27px)/1.2 Georgia,serif;color:var(--soro-ink)}
body.editorial-home #soro-refined .project-card p{font-size:14px;line-height:1.65;color:#514456}
body.editorial-home #soro-refined .project-link{color:var(--soro-plum)}
body.editorial-home #soro-refined .project-card:hover h3{text-decoration:underline;text-decoration-color:var(--soro-moss);text-underline-offset:5px}
body.editorial-home #soro-refined .button,body.editorial-home #soro-refined .btn{background:var(--soro-plum);border-color:var(--soro-plum);color:#fff;border-radius:4px}
body.editorial-home #soro-refined .section-head h2{font:400 clamp(30px,3.2vw,42px)/1.2 Georgia,serif;letter-spacing:-.025em}
body.editorial-home #soro-refined .approach,body.editorial-home #soro-refined .services-short{background:#f2edf5}
body.editorial-home #soro-refined .home-contact{background:var(--soro-plum)}
body.editorial-home #soro-refined h1,body.editorial-home #soro-refined h2,body.editorial-home #soro-refined h3{letter-spacing:-.025em}
@media(max-width:900px){body.editorial-home #soro-refined .project-cards{grid-template-columns:1fr;gap:0}body.editorial-home #soro-refined .project-card{grid-template-columns:minmax(145px,.65fr) minmax(0,1.35fr)}body.editorial-home #soro-refined .project-card:nth-child(n+3){border-bottom:0}body.editorial-home #soro-refined .project-card:last-child{border-bottom:1px solid var(--soro-rule)}}
@media(max-width:760px){body.educator-resource #key-practices,body.educator-resource #experience,body.educator-resource #reflection-next{display:block}body.educator-resource #key-practices>h2,body.educator-resource #experience>h2,body.educator-resource #reflection-next>h2{margin-bottom:14px}body.educator-resource #experience>.flow-lab{margin-top:22px}body.educator-resource #reflection-next>.resource-reflections{margin-top:18px}body.educator-resource #key-practices>.project-decisions{margin-top:18px}}
@media(max-width:800px){body.editorial-case #case-main .story{display:block}body.editorial-case #case-main .story>h2{margin-bottom:18px}body.editorial-case #case-main .story>p:not(.eyebrow){max-width:68ch}body.editorial-case #case-main .decisions{display:block}body.editorial-case #case-main .decision-list{margin-top:22px}}
@media(max-width:560px){body.editorial-home #soro-refined .project-card{grid-template-columns:1fr}body.editorial-home #soro-refined .project-visual{height:190px;min-height:0}body.editorial-home #soro-refined .project-card-body{padding:16px 0 20px}}