/* Atlas desk: quiet ink, paper, pine and copper for a practical fantasy workspace. */
:root{
  --bg:#f1f2ec;--paper:#fcfbf7;--ink:#203038;--muted:#586a6b;
  --line:#d3dcd7;--blue:#28665c;--blue-dark:#174b45;--blue-soft:#e5efea;
  --danger:#a34540;--gold:#a66a42;--rail:0px;--max:1160px;
}
body{background:var(--bg);color:var(--ink)}
p,.lead,.index-item p,.prose-steps{color:var(--muted)}
h1,h2,h3,h4{letter-spacing:-.035em}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.site-header{position:sticky;top:0;left:auto;bottom:auto;width:auto;background:var(--paper);border-right:0;border-bottom:1px solid var(--line);z-index:30}
.header-inner{max-width:1290px;height:auto;margin:auto;padding:14px 32px;display:flex;flex-direction:row;align-items:center;gap:28px}
.header-inner:after,.site-nav:before{display:none}
.brand{padding:0;border:0;min-width:232px;gap:10px}
.brand img{width:40px;height:40px}
.brand strong{color:var(--ink);font-size:1rem}
.brand small{color:var(--muted);font-size:.67rem}
.site-nav{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:1px;margin:0}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:2px solid transparent;padding:12px 10px 10px;color:#455b5c;font-size:.81rem;font-weight:680;white-space:nowrap}
.nav-icon{display:block;width:16px;height:16px;flex:none;color:var(--blue)}
.site-nav a:after{display:none}
.site-nav a:hover{background:var(--blue-soft);color:var(--blue-dark)}
.site-nav a.active{background:transparent;border-bottom-color:var(--blue);color:var(--blue-dark)}
main{margin-left:0;padding:0 clamp(22px,5vw,72px) 88px}
.site-footer{margin-left:0;background:#e7ebe5;border-color:var(--line)}
.site-footer nav a,.footer-bottom,.micro,.hero-facts{color:#617272}
.footer-bottom{border-color:var(--line)}
.breadcrumbs,.field-hint{color:#637675}
.kicker,.eyebrow,.section-no{color:var(--blue-dark)}
.home-hero{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:55px;align-items:center;padding:82px 0 76px}
.home-hero h1{font-size:clamp(3.2rem,6vw,6rem);line-height:1.13;max-width:750px}
.home-hero h1 em{color:var(--blue)}
.home-hero__panel{display:block;min-height:0;padding:28px 30px;background:#1f3b3b;color:#f6f4e9;border:1px solid #1f3b3b}
.panel-caption{color:#c7d6ce;justify-content:space-between}
.panel-caption span{color:#d8a876}
.world-sheet{border-left:0;border-right:0;border-top:1px solid #5b7874;border-bottom:1px solid #5b7874;margin:19px 0;padding:20px 0}
.world-sheet__label,.world-sheet__rule,.panel-foot{color:#c6d3cc}
.world-sheet strong{font-size:1.65rem}
.world-sheet__names span{background:#325251;border:1px solid #68817b;color:#fff8e9;padding:4px 8px}
.panel-foot{font-size:.79rem}
.button{border-color:#b6c9c0;background:var(--paper);color:var(--ink);border-radius:4px}
.button:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-dark)}
.button--primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.button--primary:hover{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}
.button--quiet{background:transparent}
.button--small,.button--danger{min-height:44px}
.steps{border-color:var(--ink)}
.steps article>span,.steps a,.text-link{color:var(--blue)}
.text-link,.steps a{border-color:#99baaf}
.index-grid{column-gap:26px;row-gap:0}
.index-item{display:block;min-height:158px;margin:0;padding:20px 20px 24px;border-top:1px solid var(--line);cursor:pointer;transition:background-color .16s ease,transform .16s ease}
.index-item:hover,.index-item:focus-visible{background:#e7efe9;color:var(--ink);text-decoration:none;transform:translateY(-2px);padding-left:20px}
.index-item:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.index-item h3,.index-item p{color:inherit}
.index-item p{color:var(--muted)}
.index-item__top{color:#637675}
.index-item__label{display:inline-flex;align-items:center;gap:9px}
.index-item__label .site-icon{display:block;width:18px;height:18px;flex:none;color:var(--blue)}
.index-item__top span:last-child{color:var(--gold);transition:transform .16s ease}
.index-item:hover .index-item__top span:last-child{transform:translate(2px,-2px)}
.feature-band{background:#203b3b}
.feature-band p:not(.kicker){color:#cddbd3}
.feature-band .kicker,.feature-band .text-link{color:#e1b58c}
.feature-lines span{border-color:#65817a;color:#c4d5ce}
.page-hero{padding:58px 0 42px;display:block}
.page-hero__text{max-width:900px}
.page-hero .kicker{display:inline-flex;align-items:center;gap:10px}
.hero-icon{display:block;width:19px;height:19px;flex:none;color:var(--blue)}
.page-hero h1{font-size:clamp(2.7rem,4.4vw,4.25rem)}
.note,.aside-card,.comparison>div{background:#e8eee7}
.note{border-color:var(--blue)}
.example-box{background:#f2eee6;border-color:#dacdbb}
.tool-shell{display:block;background:var(--paper);border:1px solid var(--line);padding:28px 32px 38px;margin-top:42px;margin-bottom:22px}
.tool-shell__head{display:flex;gap:18px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.tool-shell__head .section-no{margin-top:6px}
.tool-shell__head h2{font-size:1.52rem}
.tool-mount{max-width:980px;margin:auto}
#tool-mount,#tool-output,.naming-scene{scroll-margin-top:94px}
.tool-form label,.form-grid label{color:#304c4c}
.tool-form input,.tool-form select,.tool-form textarea{background:#fff;border-color:#baccc2;border-radius:3px}
.tool-form input:focus,.tool-form select:focus,.tool-form textarea:focus{box-shadow:0 0 0 3px #d9ece2}
.field-help{margin:0;padding:11px 15px;border-left:3px solid var(--gold);background:#f0eee7;color:#52625e;font-size:.85rem}
.check-row{display:flex!important;align-items:center;gap:10px;font-weight:500!important}
.check-row input{width:19px!important;height:19px;min-height:0;accent-color:var(--blue)}
.generator-focus{margin:7px 0 12px}
.creative-brief,.custom-syllables{border:1px solid var(--line);padding:18px 19px 20px;min-width:0;margin:0;background:#f7f8f3}
.creative-brief legend,.custom-syllables legend{padding:0 8px;font-size:.85rem;font-weight:750;color:var(--blue-dark)}
.creative-brief .field-help,.custom-syllables .field-help{margin-bottom:17px}
.creative-brief>.form-grid+.tool-form,.creative-brief>label,.custom-syllables>label{margin-top:14px}
.custom-syllables .form-grid{margin-top:16px}
.results-head{border-color:var(--ink)}
.result-card{background:#fff;border:1px solid var(--line);border-top:3px solid #7ca59a;border-radius:2px}
.result-card__top,.comparison span{color:#667d79}
.result-trace{color:var(--blue-dark);font-size:.78rem;font-weight:680}
.result-view{color:var(--blue-dark)!important;font-weight:700;margin:9px 0 0!important;min-height:0!important}
.scene-compare{margin:0 0 18px;border:1px solid var(--line);background:#f2f5ee}
.scene-compare__head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.scene-compare__head strong{font-size:.9rem}
.scene-compare__head span{font-size:.76rem;color:var(--muted)}
.scene-compare__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.scene-compare__columns>div{padding:15px 18px}
.scene-compare__columns>div+div{border-left:1px solid var(--line)}
.scene-compare__columns b{font-size:.77rem;color:var(--blue-dark)}
.scene-compare__columns p{margin:5px 0 0;color:var(--ink);line-height:1.7}
.scene-compare__warning{margin:0;padding:11px 18px;border-top:1px solid var(--line);color:#76503b;font-size:.77rem}
.result-warning,.result-safe{padding:9px 11px;font-size:.76rem;line-height:1.55}
.result-warning{background:#f5e9db;color:#76503b}
.result-safe,.success-line,.tool-message{background:#e7f0e7;color:#2d604b}
.result-note{display:block;margin:17px 0 12px;font-size:.77rem;font-weight:690}
.result-note textarea{display:block;width:100%;margin-top:7px;min-height:68px;resize:vertical;font:inherit;font-weight:400}
.result-card__actions button,.saved-list button{min-height:44px;color:var(--blue-dark);padding:8px 4px}
.result-context,.project-review{background:#eaf0e9;border-left:3px solid var(--blue);padding:15px 17px;margin-bottom:18px}
.result-context strong{display:block;font-size:.88rem;margin-bottom:6px}
.result-context p,.project-review p{margin:0 0 5px;font-size:.83rem;line-height:1.65}
.result-context small,.project-review small{color:var(--muted)}
.sample-strip{display:flex;flex-wrap:wrap;gap:8px}
.sample-strip span{padding:8px 12px;background:#fff;border:1px solid var(--line);font-weight:680}
.review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.review-metrics>div{min-width:0;padding:15px;background:#eaf0e9}
.review-metrics span{display:block;color:var(--muted);font-size:.72rem}
.review-metrics strong{display:block;margin-top:5px;font-size:1.18rem}
.review-roman{margin:18px 0;font-size:.86rem}
.review-next{margin:24px 0;border-top:1px solid var(--line);padding-top:18px}
.review-next strong{display:block;margin-bottom:8px}
.review-next ol{margin:0;padding-left:23px;color:var(--muted);font-size:.84rem;line-height:1.8}
.status-pill{display:inline-block;padding:2px 7px;margin-left:7px;background:#e4eee7;color:var(--blue-dark);font-size:.68rem;font-style:normal;font-weight:700;vertical-align:middle}
.saved-actions{display:flex;gap:12px;flex-shrink:0}
.name-group{margin:26px 0;border:1px solid var(--line);background:#fff}
.name-group__head{padding:19px 22px;background:#eef2eb;border-bottom:1px solid var(--line)}
.name-group__head h4{font-size:1.28rem;margin:6px 0 2px}
.name-group__head p{margin:0;font-size:.8rem}
.name-group .saved-list{padding:0 22px}
.project-entry{align-items:flex-start!important;gap:18px}
.project-entry__main{flex:1;min-width:0}
.project-entry__main small{line-height:1.7;margin-top:4px}
.entry-editor{margin-top:13px;border-top:1px dashed var(--line);padding-top:10px}
.entry-editor summary{cursor:pointer;color:var(--blue-dark);font-size:.79rem;font-weight:700;padding:6px 0;min-height:36px}
.entry-editor .tool-form{margin:12px 0 16px;gap:13px}
.entry-editor .tool-form label{font-size:.76rem}
.entry-editor .tool-form+.tool-form{border:0}
.workshop,.decision-lab{background:#f1eee5;border-color:var(--gold)}
.workshop{margin:36px 0 42px;padding:26px 28px;border-top:3px solid var(--gold)}
.workshop h2{margin:10px 0 12px;font-size:1.4rem}
.workshop .micro{margin:0 0 16px}
.workshop dl,.decision-lab dl{margin:0}
.workshop dl>div,.decision-lab dl>div{padding:16px 0;border-top:1px solid #d9d6ca}
.workshop dt,.decision-lab dt{color:var(--blue-dark);font-size:.77rem;font-weight:750;margin-bottom:6px}
.workshop dd,.decision-lab dd{margin:0;line-height:1.76;font-size:.9rem}
.decision-lab{margin:31px 0 37px;padding:24px 26px;border-left:3px solid var(--gold)}
.decision-lab h2{margin:8px 0 9px;font-size:1.3rem}
.decision-lab .micro{margin:0 0 17px}
.decision-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);margin-bottom:31px;border:1px solid var(--line)}
.decision-line>div{background:var(--paper);padding:24px;min-width:0}
.decision-line span{display:block;color:var(--blue);font-size:.71rem;font-weight:750;margin-bottom:16px}
.decision-line strong{display:block;font-size:1.12rem;line-height:1.45}
.decision-line p{font-size:.81rem;margin:9px 0 0}
.naming-scene{padding:39px 32px 34px;margin-top:34px;background:#e9eee7;border:1px solid var(--line)}
.naming-scene .section-head{margin-bottom:21px}
.naming-scene__story{max-width:850px;margin:0 0 28px 60px;color:var(--ink);font-size:1.06rem;line-height:1.9;word-break:keep-all}
.naming-scene__lenses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-left:60px}
.scene-lens{background:var(--paper);border-top:3px solid var(--gold);padding:20px 21px 23px;min-width:0}
.scene-lens:nth-child(2){border-color:var(--blue)}
.scene-lens h3{margin:9px 0 11px;font-size:1.55rem}
.scene-lens p{max-width:530px;margin:0 0 15px;font-size:.84rem;line-height:1.7}
.scene-lens dl{margin:0 0 19px}
.scene-lens dl div{display:grid;grid-template-columns:120px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:.77rem;line-height:1.6}
.scene-lens dt{color:var(--muted)}
.scene-lens dd{margin:0;color:var(--ink)}
.scene-action{display:inline-flex;text-decoration:none}
.scene-pair-action{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 0 60px;padding:16px 18px;background:#d9e7dd;border-left:3px solid var(--blue)}
.scene-pair-action strong{font-size:.9rem}
.scene-pair-action p{font-size:.8rem;margin:3px 0 0}
.naming-scene>.micro{margin:22px 0 0 60px;max-width:850px;line-height:1.7}
.world-arc{margin:42px 0;background:#203d3d;color:#f6f5eb;padding:32px}
.world-arc h2{margin:8px 0 10px;font-size:1.7rem}
.world-arc p{color:#d4e1d9}
.world-arc .eyebrow{color:#d9ae7e}
.world-arc__header p{max-width:800px;font-size:.86rem}
.world-arc__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #67817a;margin-top:22px}
.world-arc__steps>div{padding:20px 23px 6px 0}
.world-arc__steps>div+div{border-left:1px solid #67817a;padding-left:23px}
.world-arc__steps span{color:#d9ae7e;font-size:.75rem;font-weight:750}
.world-arc__steps p{font-size:.83rem;line-height:1.8;margin-top:8px}
.world-arc__next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.world-arc__next .index-item{border-color:#67817a;padding:17px;min-height:130px}
.world-arc__next .index-item h3,.world-arc__next .index-item p,.world-arc__next .index-item__top{color:#f2f4e8}
.world-arc__next .index-item__label .site-icon{color:#e1b58c}
.world-arc__next .index-item:hover,.world-arc__next .index-item:focus-visible{background:#315552;color:#fff;padding-left:17px}
.game-card,.dialogue-card,.quest-card{background:#203b3b}
.game-card__portrait{background:#355755;color:#d3b68a}
.game-card small,.dialogue-card small,.quest-card small{color:#d7b587}
.game-card p,.dialogue-card p,.quest-card p{color:#dbe7de}
@media(max-width:1100px){
  .header-inner{padding:12px 23px;flex-wrap:wrap}
  .menu-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);min-height:44px;padding:9px 13px}
  .site-nav{display:none;width:100%;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}
  .site-nav.is-open{display:grid}
  .site-nav a{padding:12px}
  .home-hero{gap:30px}
}
@media(max-width:860px){
  .site-header{position:sticky}
  .header-inner{max-width:none}
  .home-hero{grid-template-columns:1fr;gap:27px;padding:58px 0 51px}
  .home-hero__panel{max-width:610px}
  .tool-shell{padding:25px}
}
@media(max-width:620px){
  main{padding:0 17px 66px}
  .header-inner{padding:11px 17px}
  .brand{min-width:0}
  .brand small{display:none}
  .site-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero{padding-top:45px}
  .home-hero h1{font-size:clamp(2.7rem,10vw,4rem)}
  .home-hero__panel{padding:23px}
  .tool-shell{padding:18px;margin-top:25px}
  .tool-shell__head{gap:10px}
  .form-grid,.result-grid,.review-metrics,.decision-line,.world-arc__steps,.world-arc__next{grid-template-columns:1fr}
  .scene-compare__head{display:block}
  .scene-compare__head span{display:block;margin-top:5px}
  .scene-compare__columns{grid-template-columns:1fr}
  .scene-compare__columns>div+div{border-left:0;border-top:1px solid var(--line)}
  .creative-brief,.custom-syllables{padding:14px}
  .naming-scene{padding:24px 18px}
  .naming-scene__story,.naming-scene__lenses,.scene-pair-action,.naming-scene>.micro{margin-left:0}
  .naming-scene__lenses{grid-template-columns:1fr;gap:14px}
  .scene-lens{padding:18px}
  .scene-lens dl div{grid-template-columns:105px 1fr}
  .scene-pair-action{display:block}
  .scene-pair-action .button{margin-top:12px;width:100%}
  .world-arc{padding:24px 19px}
  .world-arc__steps>div,.world-arc__steps>div+div{border-left:0;border-top:1px solid #67817a;padding:16px 0}
  .name-group .saved-list{padding:0 14px}
  .project-entry{display:block!important}
  .saved-actions{margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.index-item,.index-item__top span:last-child{transition:none}}