/* Project one: light blue accents, editorial hierarchy, readable native content. */
#project-one{background:#f4f8fb;--ds-ink:#293e53;--ds-muted:#607486;--ds-blue:#39758e;--ds-line:#dce6ed;--ds-tint:#f1f7fa}
#project-one .case-tabs button[aria-selected=true]{color:#376c86}
#project-one .case-tabs button[aria-selected=true]:after{background:#6d99ae}
#project-one .case-tabs .has-content{background:#7ca3b7}
#project-one .case-deck{border-color:#cbd8e1;background:#fffefd;box-shadow:3px 4px 0 #38597106}
#project-one .chapter-number{color:#b1c7d4}
#project-one .case-tabs>button{font-size:14px}
.ds-page{--ds-ink:#293e53;--ds-muted:#607486;--ds-blue:#39758e;--ds-line:#dce6ed;--ds-tint:#f1f7fa;color:var(--ds-ink);background:#fffefd;font-size:16px;line-height:1.75;padding:28px 34px;position:relative;min-width:0}
.ds-page *{box-sizing:border-box}
.ds-page p,.ds-page figure,.ds-page ol{margin:0}
.ds-page h3,.ds-page h4,.ds-page h5{font-weight:600;letter-spacing:0;line-height:1.5;margin:0;color:var(--ds-ink)}
.ds-page h5{font-size:18px}.ds-page p{color:var(--ds-muted)}
.ds-page-header{position:relative;border-bottom:1px solid var(--ds-line);padding-bottom:20px;margin-bottom:24px}
.ds-kicker{display:block;font-size:12px;letter-spacing:1.2px;color:var(--ds-blue)}
.ds-page-number{position:absolute;right:0;top:0;font:14px/1.6 Georgia,serif;color:#8aa5b7}
.ds-page-header h4{font-size:clamp(23px,2.4vw,32px);margin:10px 0 9px;max-width:90%}
.ds-page-header>p{max-width:880px;font-size:16px}
.ds-page-body{display:grid;gap:22px}
.ds-two,.ds-three,.ds-split{display:grid;gap:22px;min-width:0}
.ds-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-split{grid-template-columns:1fr 1.2fr;align-items:center}
.ds-three>*,.ds-two>*,.ds-split>*{min-width:0}
.ds-card{padding:18px 20px;background:linear-gradient(145deg,#f4f8fb88,#fffefd 70%);border-top:2px solid #bcd3df}
.ds-num{font:italic 27px Georgia,serif;color:#abc6d6;display:block;margin-bottom:10px}
.ds-card h5{margin-bottom:8px}.ds-card p{font-size:16px}
.ds-callout{display:flex;gap:20px;padding:15px 20px;border-left:3px solid #8bb3c6;background:var(--ds-tint)}
.ds-callout b{color:var(--ds-blue);white-space:nowrap;font-size:16px;font-weight:600}.ds-callout p{color:#49687b}
.ds-note{border-top:1px solid var(--ds-line);padding-top:15px}.ds-note>b{font-size:17px;font-weight:600;display:block;margin-bottom:7px}.ds-note p{font-size:16px}
.ds-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.ds-tags span{padding:3px 9px;border:1px solid #dbe8ee;color:#4e7589;font-size:14px}
.ds-intro .ds-intro-title{font-size:28px;margin:10px 0 14px}.ds-intro .ds-image img{height:240px;object-fit:cover}.ds-intro .ds-image{background:#f2f6f8}
.ds-image{border:1px solid var(--ds-line);padding:7px;background:#f9fbfc;overflow:hidden}
.ds-image button{display:block;position:relative;width:100%;padding:0;border:0;background:#eaf0f4;cursor:zoom-in;text-align:center}
.ds-image img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:contain}
.ds-image button>span{position:absolute;right:8px;bottom:8px;background:#fffefde8;color:#365e75;padding:0 8px;font-size:18px;box-shadow:0 1px 5px #0001}
.ds-image figcaption{font-size:14px;line-height:1.65;color:#597084;padding:7px 5px 2px}
.ds-icon{width:52px;height:52px;object-fit:contain;flex:none}
.ds-resource-table{border:1px solid var(--ds-line)}
.resource-head,.resource-row{display:grid;grid-template-columns:1fr 1.25fr 1.3fr 1.15fr;align-items:center;gap:18px;padding:15px 20px}
.resource-head{background:var(--ds-tint);font-size:14px;color:#5c7688}.resource-row{border-top:1px solid var(--ds-line);font-size:16px}.resource-row>div{display:flex;align-items:center;gap:12px}.resource-row small{display:block;font-size:14px;font-weight:400;color:var(--ds-muted)}.resource-row>span{color:#536c7e}
.ds-options>section{border:1px solid var(--ds-line);padding:20px}.ds-options .ds-selected{border-color:#8baec0;background:#f8fbfc}.ds-option-label{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ds-option-label>b{font:24px Georgia,serif;color:#5b829b}.ds-option-label>span{margin-left:auto;font-size:14px;color:#678596}.ds-options p{margin-top:14px}
.ds-wire-layout{padding:12px;border:1px solid #c9d5dc;background:#f1f4f5;display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:30px 56px 48px 36px 28px;gap:8px;color:#546b7b;font-size:14px}
.ds-wire-layout>div{background:#e4ebef;display:grid;place-items:center;border:1px solid #d4dfe4;text-align:center}
.ds-wire-layout .wire-top{grid-column:1/-1;display:flex;justify-content:start;gap:20px;padding:0 10px;background:#e8eef1}.wire-top span{opacity:.55}.wire-scene{grid-row:2/5}.wire-gain,.wire-cost,.wire-action{grid-column:2}.ds-wire-layout .wire-action{background:#d3e3eb}.wire-progress{grid-column:1/-1}.ds-wire-layout.task-first{grid-template-columns:1.05fr 1fr}.ds-wire-layout.task-first .wire-scene{background:#dfe8ed}.ds-wire-layout.task-first .wire-gain,.ds-wire-layout.task-first .wire-cost{background:#f8fafb}
.ds-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.ds-flow li{position:relative;background:var(--ds-tint);border:1px solid var(--ds-line);padding:15px}.ds-flow li:not(:last-child):after{content:'→';position:absolute;right:-24px;top:40%;color:#8daabc}.ds-flow small{font:14px Georgia,serif;color:#87a9bc;display:block}.ds-flow strong{display:block;font-weight:600;font-size:18px;margin:6px 0}.ds-flow span{display:block;color:#627b8b;font-size:14px}
.ds-state-line{padding:20px;border:1px solid var(--ds-line);display:flex;gap:16px;align-items:center;font-size:16px}.ds-state-line>strong{color:var(--ds-blue);font-weight:600}.ds-state-line i{font-style:normal;color:#a0bac8}.ds-state-line>div{border-left:1px solid var(--ds-line);padding-left:20px;flex:1}.ds-state-line b{font-weight:600;margin-right:14px;color:#466e85}.ds-state-line p+p{margin-top:10px}
.ds-state{border:1px solid var(--ds-line);padding:16px}.ds-state-title small{color:#6e8b9d;font-size:12px;letter-spacing:.6px}.ds-state-title h5{margin:5px 0 16px}.ds-mini{background:#f1f5f7;border:1px solid #d6e0e6;padding:12px;font-size:14px;margin-bottom:16px}.mini-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d4dfe5;padding-bottom:10px;margin-bottom:10px;color:#466278}.mini-head span{color:#7c909d}.mini-resource{display:flex;align-items:center;gap:6px;margin:8px 0}.mini-resource .ds-icon{width:32px;height:32px}.mini-resource>b{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:400}.coin-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c9bb97;color:#897343;border-radius:50%;flex:none}.ds-short{color:#a16b56!important}.ds-mini .mini-tip{font-size:14px;line-height:1.6;min-height:45px;margin:12px 0}.mini-button,.mini-actions span{padding:6px;background:#dce9f0;border:1px solid #b5ccd9;text-align:center;color:#385f77}.mini-button.secondary{background:#e8edef;color:#667d8a}.mini-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-compare>div{display:flex;flex-direction:column;gap:5px;background:#fffefc;padding:8px;font-size:14px}.mini-compare b{font-weight:500;color:#3c627a}.mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-actions span:first-child{background:#f9fbfc}.mini-lock{display:flex;flex-direction:column;align-items:center;min-height:90px;gap:5px}.mini-lock strong{font-weight:400;font-size:14px}.mini-lock .ds-icon{height:45px}.ds-state .ds-state-rule{font-size:14px;line-height:1.8;margin-top:12px}.ds-state-rule b{display:block;color:#406880;font-weight:600}
.ds-caption{font-size:14px!important;color:#7c8d99!important}
.ds-art-direction{grid-template-columns:1.1fr 1fr}.ds-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.ds-palette i{display:block;height:46px}.ds-palette span{font-size:14px;color:#687e8e}.ds-backgrounds{gap:12px;align-items:start}.ds-backgrounds img{height:180px;object-fit:cover}.ds-art-direction .ds-caption{margin-top:10px}
.ds-icon-board{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:16px;border-top:1px solid var(--ds-line);padding-top:18px}.ds-icon-board h5{font-size:16px;margin-bottom:12px}.ds-icon-board section>div{display:flex;flex-wrap:wrap;gap:8px}.ds-icon-board .ds-icon{width:42px;height:42px}
.ds-detail{border-top:1px solid var(--ds-line);padding-top:15px}.ds-detail summary{font-size:16px;color:var(--ds-blue);cursor:pointer}.ds-detail>div{margin-top:16px}.ds-ring{grid-template-columns:.9fr 1.2fr}.ds-ring h5{font-size:24px;margin:6px 0 12px}.ds-inline-path{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px;color:#47748b;font-size:16px}.ds-inline-path span{color:#93adba}
.ds-stage-note{display:flex;gap:20px;align-items:center;padding:16px 20px;background:var(--ds-tint)}.ds-stage-note>span{font-size:14px;flex:none;padding:4px 10px;border:1px solid #bdd2dd;color:#486f87}
/* The case uses native text with an independently scrollable reading surface. */
.native-case-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#b7cbd7 #f6f9fb;scrollbar-width:thin}
#project-one .deck-titlebar{padding:10px 18px;border-color:#e1e9ef}.native-case-deck .deck-titlebar h3{font-size:16px}.native-case-deck .expand-slide{font-size:14px;color:#4c748b;border-color:#d2e0e8;min-height:36px}
#project-one .page-toolbar{padding:10px 14px;border-top:1px solid #dce6ed;background:#fafcfd;gap:10px}
#project-one .page-jumps{overflow-x:auto;justify-content:flex-start;flex:1;scrollbar-width:thin;min-width:0}
#project-one .page-jumps>button{flex:none;font-size:14px;padding:6px 9px;min-height:38px;color:#617b8d;white-space:nowrap}
#project-one .page-jumps small{font-size:12px;color:#8aa6b8}
#project-one .page-jumps [aria-current=step]{background:#eaf3f8;border-color:#b1ccdc;color:#2b5e79}
#project-one .page-arrow{width:38px;height:38px;flex:none;border-color:#cddde7;color:#507a92}
.ds-overview{height:100%;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#b7cbd7 #f6f9fb}
.ds-overview-header{display:flex;align-items:start;justify-content:space-between;gap:24px}.ds-overview-header h3{font-size:27px;margin-top:6px}.ds-project-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 16px;max-width:65%;color:#687f90;font-size:14px}.ds-project-meta strong{font-size:23px;color:#324f66}.ds-project-meta b{font-size:14px;font-weight:400;background:#ecf4f8;padding:3px 10px;color:#527b92;border:1px solid #d1e3ec}
.ds-role-strip{display:flex;align-items:center;gap:16px;font-size:14px;padding:10px 0;border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);margin:20px 0 24px}.ds-role-strip>span{color:#718998}.ds-role-strip>span:last-child{margin-left:auto}.ds-role-strip strong{font-size:16px;font-weight:500}
.ds-overview-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:34px}.ds-section-label small{color:#7494a8;letter-spacing:1px;font-size:12px}.ds-section-label h4{font-size:21px;margin:5px 0 18px}.ds-game-loop{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.ds-game-loop li{position:relative;padding:12px 14px;border:1px solid #d6e3eb;background:#f6f9fb;display:flex;flex-direction:column}.ds-game-loop small{font:14px Georgia,serif;color:#87a8bc}.ds-game-loop strong{font-size:16px;font-weight:500;margin:4px 0}.ds-game-loop span{font-size:14px;color:#6b8595}.ds-game-loop li:nth-child(3){grid-row:2;grid-column:2}.ds-game-loop li:nth-child(4){grid-row:2;grid-column:1}.ds-game-loop li:after{position:absolute;color:#89a9bb;font-size:21px}.ds-game-loop li:nth-child(1):after{content:'→';right:-26px;top:32%}.ds-game-loop li:nth-child(2):after{content:'↓';bottom:-28px;left:50%}.ds-game-loop li:nth-child(3):after{content:'←';left:-26px;top:32%}.ds-loop-return{font-size:14px;display:grid;gap:4px;margin:16px 0}.ds-loop-return b{color:#557f98;margin-right:8px;font-weight:500}
.ds-reward-preview{position:relative;min-height:230px;display:grid;place-items:center;overflow:hidden;background:#1c3345;padding:17px}.ds-reward-backdrop{position:absolute;inset:0;background:linear-gradient(#142c3fb3,#142c3fd4),url('/assets/cases/deepsea/world-two.webp') center/cover;opacity:.8}.ds-reward-modal{position:relative;width:min(260px,90%);text-align:center;background:#f6f9fced;border:1px solid #8bacbf;padding:12px 20px;box-shadow:0 8px 25px #0002}.ds-reward-modal small{font-size:12px;color:#7d93a3}.ds-reward-modal strong{display:block;font-size:20px;color:#3b617b;margin:2px 0 12px}.ds-reward-modal>div{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.ds-reward-modal>div span{background:#e4edf4;border:1px solid #d3dfe8;font-size:14px;padding:6px 10px}.reward-claim{display:block;background:#dbe9f1;border:1px solid #bed0dd;font-size:14px;padding:4px}.ds-reward-preview>p{position:relative;color:#d9e6ee;font-size:14px;margin:12px 0 0;text-align:center}
.ds-challenge-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--ds-line)}.ds-challenge-pair>div:last-child{border-left:2px solid #b6d0df;padding-left:18px}.ds-challenge-pair small{font-size:12px;color:#7795a6}.ds-challenge-pair h5{font-size:17px;margin:6px 0 8px}.ds-challenge-pair p{font-size:16px}.ds-contribution{margin-top:20px}.ds-contributions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ds-contributions h5{font-size:16px}.ds-contributions p{font-size:14px;margin-top:5px}.ds-overview .ds-callout{display:block;font-size:14px;padding:12px 15px}.ds-overview .ds-callout b{font-size:14px}.ds-overview .ds-callout p{font-size:14px;margin-top:4px}
.ds-overview-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--ds-line);margin-top:26px;padding-top:18px}.ds-overview-next small{display:block;font-size:12px;letter-spacing:1px;color:#82a0b3}.ds-overview-next strong{display:block;font-size:18px;font-weight:500}.ds-overview-next p{font-size:14px;margin-top:4px}.ds-overview-next button{border:1px solid #bdd2df;background:#f0f6fa;padding:10px 15px;color:#436d87;font-size:14px;flex:none}.ds-overview-next button span{margin-left:14px}
#detail-dialog.native-reading{width:min(1300px,calc(100vw - 32px));max-height:94dvh;background:#fffefd}.native-reading .native-full-content{max-height:calc(94dvh - 180px);overflow:auto}.native-reading .ds-page{padding:20px 10px}.native-reading .lightbox-top h2{font-size:22px}.native-reading .lightbox-top>div:first-child>span{font-size:14px}.native-reading .modal-pages{overflow:auto;max-width:65%;justify-content:flex-start}.native-reading .modal-pages button{min-width:32px}.asset-reading .lightbox-viewport>img{width:auto;max-width:100%;height:auto;max-height:70dvh;object-fit:contain;margin:auto}
.ds-page button:focus-visible,.ds-detail summary:focus-visible,#project-one .case-tabs button:focus-visible{outline:2px solid #3d82a2;outline-offset:4px}
@media(max-width:1000px){.ds-page{padding:24px}.ds-three.ds-states{grid-template-columns:1fr}.ds-state{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.ds-state-title{grid-column:1/-1}.ds-state .ds-mini{grid-column:1;grid-row:2/4;margin:0}.ds-state .ds-state-rule{grid-column:2}.ds-art-direction,.ds-overview-grid{grid-template-columns:1fr}.ds-overview-grid{gap:28px}.ds-icon-board{grid-template-columns:1fr 1fr}.ds-overview-next{margin-top:25px}.ds-flow{gap:18px}.ds-flow li:not(:last-child):after{right:-19px}.ds-state-line{flex-wrap:wrap}.ds-state-line>div{flex-basis:100%;border-left:0;padding:12px 0 0;border-top:1px solid var(--ds-line)}.ds-role-strip{flex-wrap:wrap}.ds-role-strip>span:last-child{margin-left:0}.resource-head,.resource-row{gap:10px;padding:12px}.resource-row .ds-icon{width:36px;height:36px}.resource-row>div{gap:8px}}
@media(max-width:620px){#project-one>.section-inner{padding-left:16px;padding-right:16px}#project-one .case-tabs{gap:12px;overflow-x:auto}#project-one .case-tabs>button{font-size:14px;white-space:nowrap;flex:none}#project-one .case-tabs small{font-size:12px}.ds-page{padding:20px 16px}.ds-page-header h4{font-size:24px;max-width:100%}.ds-page-header{padding-top:26px}.ds-kicker{font-size:12px;letter-spacing:.3px}.ds-page-number{top:0;font-size:12px}.ds-page-header>.ds-kicker{position:absolute;top:0}.ds-page-header>p{font-size:16px}.ds-two,.ds-three,.ds-split,.ds-art-direction,.ds-ring{grid-template-columns:1fr;gap:18px}.ds-intro .ds-intro-title{font-size:25px}.ds-intro .ds-image img{height:auto;aspect-ratio:1.5}.ds-callout{display:block;padding:14px 16px}.ds-callout p{margin-top:6px}.ds-card{padding:16px}.ds-num{font-size:24px;margin-bottom:6px}.ds-card h5{font-size:18px}.ds-flow{grid-template-columns:1fr 1fr;gap:20px}.ds-flow li:nth-child(2):after{content:none}.ds-flow li:not(:last-child):after{right:-20px}.ds-flow li{padding:13px 10px}.ds-flow strong{font-size:16px}.resource-head{display:none}.resource-row{grid-template-columns:1fr;padding:17px;gap:7px}.resource-row>div{padding-bottom:8px}.resource-row>span:before{display:inline-block;min-width:80px;color:#7a94a4;font-size:14px}.resource-row>span:nth-child(2):before{content:'专属材料'}.resource-row>span:nth-child(3):before{content:'培养操作'}.resource-row>span:nth-child(4):before{content:'成长反馈'}.resource-row .ds-icon{width:44px;height:44px}.ds-state{display:block}.ds-state .ds-mini{margin-bottom:16px}.ds-options>section{padding:15px}.ds-option-label>span{font-size:12px}.ds-wire-layout{font-size:12px}.ds-icon-board{grid-template-columns:1fr;gap:20px}.ds-backgrounds{grid-template-columns:1fr 1fr;gap:8px}.ds-backgrounds img{height:140px}.ds-backgrounds figcaption{font-size:12px}.ds-stage-note{display:block}.ds-stage-note>span{display:inline-block;margin-bottom:10px}.ds-overview-header{flex-direction:column;gap:14px}.ds-project-meta{max-width:100%;justify-content:flex-start;gap:6px 12px}.ds-project-meta strong{font-size:21px}.ds-overview-header h3{font-size:24px}.ds-role-strip{margin:18px 0;font-size:14px;gap:8px 12px}.ds-role-strip>span:last-child{width:100%}.ds-game-loop{gap:24px}.ds-game-loop li{padding:10px}.ds-game-loop strong{font-size:15px}.ds-game-loop li:nth-child(1):after{right:-23px}.ds-game-loop li:nth-child(3):after{left:-23px}.ds-challenge-pair{grid-template-columns:1fr;gap:14px}.ds-challenge-pair>div:last-child{padding-left:14px}.ds-contributions{grid-template-columns:1fr;gap:15px}.ds-overview-next{align-items:start;flex-direction:column;gap:14px}.ds-overview-next button{width:100%;text-align:left}.ds-overview-next button span{float:right}#project-one .page-toolbar{gap:8px;grid-template-columns:36px minmax(0,1fr) 36px}#project-one .page-jumps>button{min-width:34px;width:auto;padding:4px 6px}#project-one .page-jumps small{font-size:14px}#project-one .deck-titlebar h3{font-size:14px}#project-one .deck-titlebar>div>span{display:none}#project-one .expand-slide{font-size:14px;padding:4px 8px}.native-reading .ds-page{padding:12px 4px}.native-reading .lightbox-top h2{font-size:20px}.native-reading .native-full-content{max-height:calc(94dvh - 150px)}.native-reading .modal-counter{display:none}}
.ds-image-dialog{border:1px solid #aac6d6;padding:18px;background:#fffefd;width:min(1200px,95vw);max-height:95dvh;color:#3c5870}.ds-image-dialog::backdrop{background:#1b304cb3}.ds-image-dialog img{display:block;max-width:100%;max-height:80dvh;width:auto;height:auto;margin:auto;object-fit:contain}.ds-image-dialog>button{display:block;margin:0 0 10px auto;width:40px;height:40px;border:1px solid #c4d7e3;background:#f7fafc;font-size:25px}.ds-image-dialog p{font-size:16px;margin:10px 0 0;text-align:center}

/* Preserve the full composition; tighten vertical whitespace only. */
@media(min-width:1001px){
.ds-page{padding-top:20px;padding-bottom:20px}
.ds-page-header{padding-bottom:14px;margin-bottom:18px}
.ds-page-body{row-gap:16px}
.ds-card{padding-top:14px;padding-bottom:14px}
.ds-callout{padding-top:12px;padding-bottom:12px}
.ds-note{padding-top:12px}
.ds-role-strip{margin-top:14px;margin-bottom:16px}
.ds-section-label h4{margin-bottom:12px}
.ds-challenge-pair{margin-bottom:14px;padding-bottom:14px}
.ds-contribution{margin-top:14px}
.ds-overview-next{margin-top:18px;padding-top:12px}
.ds-reward-preview{min-height:210px}
}
.ds-icon-board{grid-template-columns:1fr 1.5fr .65fr}
.ds-icon-board .ds-icon-explainer{font-size:14px;line-height:1.65;margin-top:8px}
@media(max-width:1000px){.ds-icon-board{grid-template-columns:1fr 1.5fr}.ds-icon-board>section:last-child{grid-column:1/-1}}
@media(max-width:620px){.ds-icon-board{grid-template-columns:1fr}.ds-icon-board>section:last-child{grid-column:auto}}

/* Distinct interaction proposal and a consolidated system/problem opening. */
.ds-system-summary .resource-row{padding-top:8px;padding-bottom:8px}
.ds-system-summary .ds-icon{width:36px;height:36px}
.ds-resource-rule{padding:10px 14px;background:var(--ds-tint);font-size:14px}.ds-resource-rule b{margin-right:12px;color:var(--ds-blue)}
.ds-pain-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.ds-pain-heading>span{font-size:12px;color:var(--ds-muted)}
.ds-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.ds-pain-item{border-top:1px solid var(--ds-line);padding-top:10px}.ds-pain-item h5{font-size:16px;margin-bottom:6px}.ds-pain-item h5 small{font:14px Georgia,serif;color:#85a7b9;margin-right:8px}.ds-pain-item p{font-size:14px;line-height:1.75}.ds-pain-item .ds-pain-response{margin-top:7px;color:#496d82}.ds-pain-response b{font-weight:500;margin-right:7px}
.ds-wire-alternative{border:1px solid #c9d5dc;background:#f1f4f5;padding:12px;color:#546b7b;font-size:14px;display:grid;gap:8px}
.alt-top{background:#e8eef1;border:1px solid #d4dfe4;padding:3px 10px}.alt-top span{margin-left:20px;opacity:.55}
.alt-overview{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;align-items:center;text-align:center;padding:8px;background:#e4ebef;border:1px solid #d4dfe4}.alt-overview span,.alt-overview>b{border:1px solid #b9ced9;padding:5px;background:#f8fafb;font-weight:400}.alt-overview strong{font-weight:400}.alt-overview>b{grid-column:2;background:#d3e3eb}
.alt-transition,.alt-return{text-align:center;font-size:12px;color:#718999}.alt-dialog{width:82%;margin:0 auto;border:1px solid #99b6c8;padding:8px 12px;background:#fffefd;display:grid;gap:6px}.alt-dialog>b{font-weight:500;border-bottom:1px solid #d4dfe4;padding-bottom:4px}.alt-dialog>b span{float:right}.alt-dialog>div{text-align:center;background:#eaf0f4;padding:3px}.alt-dialog>strong{display:flex;justify-content:space-around;font-weight:400;padding:3px;background:#d3e3eb}
.ds-options .task-first{min-height:346px;grid-template-rows:30px 1fr 1fr 42px 28px}
@media(max-width:1000px){.ds-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-pain-heading{align-items:start;flex-direction:column;gap:4px}}
@media(max-width:620px){.ds-pain-grid{grid-template-columns:1fr}.alt-overview{font-size:12px;gap:4px;padding:6px}.alt-dialog{width:94%}.ds-option-label{flex-wrap:wrap}}

/* Complete loop, including the pass and retry branches. */
.ds-complete-loop{display:block;width:100%;height:auto;margin:0 0 16px;font-family:inherit;overflow:visible}

/* Growth experience: three concrete player goals. */
.ds-growth-focus{align-items:stretch}.ds-growth-card{border-top:2px solid #bcd3df;background:linear-gradient(180deg,#f4f8fb88,#fffefd 55%);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.ds-growth-card h5{font-size:20px}.ds-growth-card p{font-size:15px;line-height:1.8}.ds-growth-problem{min-height:108px}.ds-growth-sequence{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;min-height:174px;padding:12px;background:#f0f5f8;border:1px solid #dce6ed;text-align:center;font-size:14px;color:#597387}.ds-growth-sequence strong{font-weight:500;color:#365f78;background:#e1edf3;padding:7px 5px}.ds-growth-sequence i{font-style:normal;color:#90aaba;line-height:1}.ds-growth-card .ds-note{margin-top:auto}.ds-growth-check{border-left:3px solid #8bb3c6;background:var(--ds-tint);padding:12px 18px}.ds-growth-check>b{font-size:16px;color:var(--ds-blue)}.ds-growth-check p{font-size:15px;margin-top:5px}.ds-growth-check>span{display:block;font-size:12px;color:#7b8f9d;margin-top:6px}
@media(max-width:1000px){.ds-growth-focus{grid-template-columns:1fr}.ds-growth-problem{min-height:0}.ds-growth-sequence{min-height:0}}

/* Concise requirements-to-UX introduction. */
.ds-brief-context h5{font-size:21px;margin:6px 0 8px}.ds-brief-context p{font-size:15px;line-height:1.8;max-width:1000px}.ds-brief-heading{display:flex;align-items:baseline;gap:14px;justify-content:space-between;margin-bottom:10px}.ds-brief-heading h5{font-size:16px;color:var(--ds-blue)}.ds-brief-heading>span{font-size:12px;color:#7b8f9d}.ds-requirements dl{margin:0;border-top:1px solid var(--ds-line)}.ds-requirements dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:10px 14px;border-bottom:1px solid var(--ds-line);font-size:15px}.ds-requirements dt{font-weight:500;color:#406880}.ds-requirements dd{margin:0;color:var(--ds-muted)}.ds-growth-concise .ds-growth-card{padding:12px 14px;gap:8px}.ds-growth-concise .ds-growth-card h5{font-size:18px}.ds-growth-concise .ds-growth-card p{font-size:15px}.ds-goal-path{margin-top:auto;border-top:1px solid var(--ds-line);padding-top:10px;font-size:13px;color:#50768d}.ds-brief-goals .ds-growth-focus{gap:18px}
@media(max-width:620px){.ds-requirements dl>div{grid-template-columns:1fr;gap:4px;padding:10px 0}.ds-brief-heading{align-items:start;flex-wrap:wrap;gap:4px}}

/* Interface requirements lead into the two layout proposals. */
.ds-interface-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ds-interface-grid>div{border-top:2px solid #c4d9e4;padding:10px 12px;background:#f5f9fb}.ds-interface-grid h5{font-size:16px;margin-bottom:6px}.ds-interface-grid p{font-size:14px;line-height:1.75}.ds-interface-grid span{display:block;margin-top:8px;font-size:13px;color:#668195;line-height:1.7}.ds-interface-priority{font-size:14px;padding-top:12px}.ds-interface-priority b{font-weight:500;color:var(--ds-blue);margin-right:10px}
@media(max-width:1000px){.ds-interface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ds-interface-grid{grid-template-columns:1fr}}