/* AMSODE — Phase 9 : chapter CSS and preview (2026) */
:root{--p9-blue:#0099CC;--p9-green:#99CC33;--p9-ink:#17333f;--p9-deep:#073a51;--p9-muted:#59717e;--p9-line:#d9e8ee;--p9-soft:#f3f8fa}
.p9-page{background:var(--p9-soft);color:var(--p9-ink);font-family:"Times New Roman",Times,serif;font-size:17px;line-height:1.5}
.p9-container{width:min(1250px,calc(100% - 44px));margin:auto}
.p9-hero{background:linear-gradient(125deg,#fff 0%,#eff8fa 65%,#e7f1e8 100%);padding:58px 0 50px;border-bottom:1px solid var(--p9-line)}
.p9-crumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:15px;color:#4d6975;margin-bottom:23px}.p9-crumbs a{color:var(--p9-deep);text-decoration:underline;text-underline-offset:3px}
.p9-kicker{font-size:13px;letter-spacing:.13em;text-transform:uppercase;color:#077ea5;font-weight:700}
.p9-hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:42px;align-items:center}
.p9-hero h1{font-size:clamp(36px,4.9vw,62px);line-height:1.04;letter-spacing:-.028em;color:#104252;margin:14px 0 22px}.p9-hero h1 em{color:#008ab5;font-style:normal}
.p9-hero p{font-size:19px;max-width:760px;line-height:1.48;color:#4a6570;margin:0 0 22px}
.p9-hero-tags{display:flex;flex-wrap:wrap;gap:9px}.p9-hero-tags span{display:inline-block;border:1px solid #cae0e7;background:#fff;border-radius:99px;padding:6px 12px;font-size:14px;color:#235265}
.p9-hero-art{min-height:240px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.p9-hero-art:before{content:"";width:180px;height:180px;border-radius:50%;background:#bce2ed;position:absolute;right:20px;z-index:-1;box-shadow:0 0 0 36px #e1f2f5,0 0 0 70px #f2fafb}
.p9-art-banner{width:86%;aspect-ratio:3/1;border:8px solid white;border-radius:9px;background:linear-gradient(180deg,#fff 0 27%,#0099CC 27% 77%,#fff 77% 100%);box-shadow:0 18px 42px #07415a23;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:700;transform:rotate(-4deg)}
.p9-art-roll{position:absolute;right:0;top:-8px;width:82px;height:220px;border:7px solid #fff;border-radius:4px;background:linear-gradient(#fff 0 27%,#0099CC 27% 60%,#99CC33 60% 69%,#fff 69%);box-shadow:0 15px 32px #07415a2b;transform:rotate(6deg)}
.p9-art-roll:before{content:"AMSODE";display:block;text-align:center;color:#0099CC;font-size:13px;margin-top:22px;font-weight:700}
.p9-document{display:grid;grid-template-columns:218px minmax(0,1fr);gap:28px;align-items:start;padding:30px 0 80px}
.p9-index{position:sticky;top:15px;background:#fff;border:1px solid var(--p9-line);border-radius:16px;padding:18px 14px;box-shadow:0 5px 20px #143c5008}
.p9-index h2{font-size:17px;margin:3px 8px 13px;color:var(--p9-deep)}
.p9-index a{display:flex;gap:8px;align-items:baseline;padding:9px 7px;color:#365d69;font-size:14px;text-decoration:none;border-radius:7px;line-height:1.3}.p9-index a:hover,.p9-index a:focus-visible{background:#eaf7fa;color:#006b92}.p9-index a span{color:#0089b8;font-weight:700;font-size:12px}
.p9-index .p9-index-download{margin-top:13px;background:#073c52;color:#fff;padding:11px 12px;justify-content:center}.p9-index .p9-index-download:hover{background:#006c96;color:#fff}
.p9-content{min-width:0}.p9-section{background:#fff;border:1px solid var(--p9-line);border-radius:17px;margin-bottom:22px;padding:29px 32px 32px;scroll-margin-top:18px;box-shadow:0 4px 22px #17333f08}
.p9-section-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:13px}
.p9-section h2{margin:4px 0 10px;font-size:clamp(25px,2.8vw,36px);line-height:1.13;color:#064763}
.p9-section h3{font-size:21px;color:#0b536d;margin:16px 0 9px}
.p9-section p{font-size:17px;line-height:1.5;color:#3d5764;margin:0 0 15px}
.p9-back{white-space:nowrap;color:#007fa8;font-size:14px;text-decoration:none;border-bottom:1px solid #badde6;padding:7px 0}.p9-back:hover{color:#004b67}
.p9-note{border-left:4px solid var(--p9-green);background:#f4f9e9;border-radius:0 8px 8px 0;padding:13px 16px;margin:17px 0;color:#37552d;font-size:16px}
.p9-list{margin:10px 0 16px 0;padding-left:22px;color:#38525e;font-size:16px}.p9-list li{margin:7px 0}
.p9-model-card{padding:18px;border:1px solid var(--p9-line);border-radius:14px;background:#f6fafc;margin:18px 0 25px}
.p9-model-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.p9-model-top h3{margin:0!important;font-size:20px}.p9-model-actions{display:flex;gap:8px;flex-wrap:wrap}
.p9-btn{background:#087ba4;color:#fff!important;text-decoration:none;padding:8px 12px;border-radius:8px;font-family:Arial,sans-serif;font-weight:600;font-size:13px;line-height:1.3;display:inline-block}.p9-btn.secondary{color:#086889!important;background:#fff;border:1px solid #b6dce5}.p9-btn:hover{background:#055c7c}
.p9-preview{background:#e3eef1;border:1px dashed #b8cbd2;border-radius:9px;padding:12px;overflow:auto}
.p9-banner{margin:auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 5px 14px #113a4b26;font-family:Arial,sans-serif;color:#113b4d}
.p9-banner.b2{aspect-ratio:2/1;max-width:780px}.p9-banner.b3{aspect-ratio:3/1;max-width:980px}
.p9-preview-top{height:26%;display:flex;align-items:center;justify-content:space-between;gap:5%;padding:2% 4%}.p9-preview-top img{object-fit:contain;max-height:95%;max-width:35%}
.p9-faux-partners{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.p9-faux-partners i{width:45px;height:20px;border:1px dashed #92aab7;border-radius:3px;background:linear-gradient(135deg,#f5f7f9,#fff)}
.p9-banner-band{height:54%;background:linear-gradient(115deg,#008dbd,#007ca6);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;padding:4% 6%}.p9-banner-band b{font-size:clamp(13px,2.5vw,27px);line-height:1.2}.p9-banner-band small{font-size:clamp(10px,1.1vw,15px);margin-top:6px;opacity:.95}
.p9-banner-bottom{height:20%;display:flex;justify-content:center;align-items:center;background:white;color:#184b5f;font-weight:700;font-size:clamp(9px,1.2vw,15px);padding:2%;gap:10px}.p9-banner-bottom:before{content:"";height:4px;width:24px;background:#99CC33;display:block}
.p9-banner.b3 .p9-preview-top{height:28%}.p9-banner.b3 .p9-banner-band{height:50%}.p9-banner.b3 .p9-banner-bottom{height:22%}
.p9-portrait-stage{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;justify-content:center}
.p9-roll{width:min(280px,100%);aspect-ratio:85/200;box-shadow:0 9px 24px #17333f2a;display:flex;flex-direction:column;background:#fff;position:relative;overflow:hidden;border-radius:3px}
.p9-roll-header{height:23%;display:grid;place-items:center;padding:9%}.p9-roll-header img{max-height:100%;max-width:96%;object-fit:contain}
.p9-roll-msg{height:31%;background:#008fbb;color:#fff;display:grid;place-items:center;text-align:center;padding:12%;font-size:clamp(18px,2.8vw,26px);font-weight:700;line-height:1.2}
.p9-roll-body{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:7% 10%;font-size:13px;color:#285368}
.p9-roll-mark{width:66px;height:66px;border:2px solid #99CC33;border-radius:50%;display:grid;place-items:center;color:#007ea9;font-size:28px}
.p9-roll-foot{height:15%;background:#eef7ed;border-top:9px solid #99CC33;text-align:center;padding:11% 7% 4%;font-size:12px;line-height:1.2;color:#19536a;font-weight:700}
.p9-roll-base{height:7px;background:#4a5861;border-radius:0 0 5px 5px;margin-top:1px;width:calc(100% + 16px);margin-left:-8px}
.p9-print-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:18px;align-items:start}
.p9-poster{aspect-ratio:297/420;background:#fff;overflow:hidden;box-shadow:0 6px 19px #17333f29;display:flex;flex-direction:column;min-height:350px}
.p9-poster-head{padding:6%;display:flex;align-items:center;justify-content:space-between;gap:12px}.p9-poster-head img{max-width:50%;max-height:50px;object-fit:contain}
.p9-poster-mid{flex:1;background:linear-gradient(143deg,#0088b8,#006f9b);color:white;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;isolation:isolate}.p9-poster-mid:before{content:"";position:absolute;right:-65px;bottom:-70px;width:230px;height:230px;border:30px solid #ffffff20;border-radius:50%;z-index:-1}.p9-poster-mid strong{font-size:clamp(23px,3vw,39px);line-height:1.05}.p9-poster-mid span{margin-top:17px;font-size:17px;line-height:1.25}
.p9-poster-foot{padding:6%;background:#fff;border-top:12px solid #99CC33;font-size:14px;color:#3f5861}
.p9-flyer{aspect-ratio:148/210;background:white;box-shadow:0 6px 19px #17333f29;min-height:280px;display:flex;flex-direction:column;overflow:hidden}.p9-flyer img{width:48%;height:50px;object-fit:contain;margin:7%}.p9-flyer-head{padding:16% 8%;background:linear-gradient(145deg,#edf9fc,#e6f2e1);flex:1;display:flex;flex-direction:column;justify-content:center;color:#086184}.p9-flyer-head b{font-size:clamp(21px,2.6vw,29px);line-height:1.1}.p9-flyer-head p{font-size:13px!important;margin-top:12px!important}.p9-flyer-band{height:18%;background:#0099CC;border-top:10px solid #99CC33;color:#fff;padding:7%;font-size:13px}
.p9-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0}.p9-spec-grid div{background:#f0f7f9;border:1px solid #d3e5ec;border-radius:9px;padding:12px}.p9-spec-grid b{display:block;font-size:16px;color:#105470}.p9-spec-grid span{display:block;font-size:13px;color:#637782;margin-top:6px}
.p9-stage{border-radius:13px;min-height:325px;background:linear-gradient(175deg,#e9f5f9 0 61%,#e0e8e9 61% 100%);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:23px;padding:65px 20px 30px}
.p9-stage-banner{position:absolute;top:20px;left:11%;width:78%;height:94px;background:linear-gradient(#fff 0 27%,#008cb8 27% 78%,#fff 78%);border:5px solid white;box-shadow:0 7px 20px #0002;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:clamp(10px,2vw,19px)}
.p9-stage-roll{width:78px;height:184px;background:linear-gradient(white 0 25%,#008dbb 25% 64%,#99CC33 64% 70%,white 70%);border:5px solid #fff;box-shadow:0 9px 16px #0002;display:grid;place-items:center;color:#fff;font-size:11px;text-align:center;align-self:end}
.p9-stage-podium{flex:1;max-width:260px;height:94px;border-radius:10px 10px 0 0;background:linear-gradient(120deg,#fff,#d8e7eb);border:1px solid #bad1d9;position:relative;padding:28px 15px 12px;text-align:center;color:#077ba5;font-weight:700}
.p9-stage-podium:before{content:"";position:absolute;top:-8px;left:-7%;width:114%;height:16px;border-radius:8px;background:#103c51}
.p9-stage-way{width:82px;height:129px;background:white;border:3px solid #008bb8;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;text-align:center;color:#09506c;box-shadow:0 8px 18px #0001}.p9-stage-way:after{content:"→";font-size:28px;color:#99CC33}
.p9-stage-caption{font-size:14px;color:#576e79;margin-top:12px}.p9-textiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:17px 0}.p9-textile{border:1px solid #d4e5e9;border-radius:12px;padding:16px;background:#f5f9fb;text-align:center;min-width:0}.p9-vest{position:relative;height:155px;width:122px;margin:9px auto 13px;background:#0099CC;clip-path:polygon(17% 0,39% 0,50% 12%,61% 0,83% 0,100% 32%,88% 41%,87% 100%,13% 100%,12% 41%,0 32%);display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 6px #fff2;font:700 15px Arial}.p9-vest:before{content:"";position:absolute;top:20%;bottom:0;left:50%;border-left:2px solid #ffffff99}
.p9-cap{height:110px;width:155px;border-radius:75px 75px 22px 22px;background:#0099CC;margin:29px auto 13px;position:relative;color:#fff;display:grid;place-items:center;font:700 13px Arial}.p9-cap:after{content:"";position:absolute;bottom:-19px;width:110px;height:25px;background:#0074a3;border-radius:5px 5px 80% 80%}
.p9-shirt{height:147px;width:142px;margin:12px auto 9px;background:#fff;border:2px solid #d7e8ec;clip-path:polygon(21% 0,36% 0,50% 14%,64% 0,79% 0,100% 24%,87% 45%,79% 38%,79% 100%,21% 100%,21% 38%,13% 45%,0 24%);display:grid;place-items:center;color:#077fa9;font:700 15px Arial}
.p9-textile small{font:14px "Times New Roman",serif;color:#536e7d}.p9-downloads{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0 20px}
.p9-footer{text-align:center;padding:33px 20px 46px;border-top:1px solid #d5e6ea;background:#fff;color:#46636e;font-size:14px}.p9-footer img{display:block;margin:0 auto 11px;max-width:200px;max-height:70px;object-fit:contain}
.p9-family-mini{height:110px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(140deg,#e5f5fa,#e3f1df);border-radius:9px;padding:11px;margin:13px 0}
.p9-mini-banner{width:50%;aspect-ratio:2/1;background:linear-gradient(#fff 0 26%,#008dbb 26% 77%,#fff 77%);border:3px solid white;display:grid;place-items:center;color:#fff;font-size:13px}.p9-mini-roll{width:20%;height:95%;background:linear-gradient(#fff 0 25%,#0099CC 25% 70%,#99CC33 70% 77%,#fff 77%);border:3px solid white;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-size:10px}.p9-mini-poster{width:17%;height:85%;background:linear-gradient(#fff 0 22%,#008fbc 22% 80%,#99CC33 80% 88%,#fff 88%);border:3px solid white;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;font-size:9px}
@media(max-width:1040px){.p9-document{grid-template-columns:1fr}.p9-index{position:static}.p9-index a{display:inline-flex;margin-right:5px}.p9-hero-grid{grid-template-columns:1fr}.p9-hero-art{display:none}}
@media(max-width:680px){.p9-container{width:min(100% - 24px,1250px)}.p9-hero{padding:36px 0}.p9-section{padding:20px 15px}.p9-section-head{display:block}.p9-back{display:inline-block;margin:7px 0 9px}.p9-print-duo{grid-template-columns:1fr 1fr}.p9-spec-grid,.p9-textiles{grid-template-columns:1fr}.p9-hero p{font-size:17px}.p9-section p{font-size:16px}.p9-index a{font-size:13px}.p9-stage{gap:9px;padding:80px 10px 22px}.p9-stage-way{width:59px;font-size:10px}.p9-stage-roll{width:57px;height:152px}}
@media print{.topbar,.p9-index,.p9-back,.p9-model-actions,.p9-footer{display:none!important}.p9-page{background:#fff!important}.p9-document{display:block;padding:0}.p9-section{box-shadow:none;border:0;break-before:page;page-break-before:always}.p9-hero{break-after:page}.p9-model-card{break-inside:avoid}.p9-preview{background:#fff;overflow:visible}}