:root{
  --paper:#f0eee5;--paper-edge:#d6d5c7;--ink:#343e3a;--muted:#637066;--green:#667963;--green-light:#aab5a0;--desk:#c9cdc7;--blue:#285b87;--red:#9d6c5e;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
body{background:#d8dcd5}
button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid #2366a3;outline-offset:3px}
.workstation{height:100svh;min-height:620px;display:flex;flex-direction:column;padding:10px clamp(10px,2.1vw,35px) 6px;gap:7px;max-width:1740px;margin:0 auto;background:repeating-linear-gradient(90deg,#dfe1db 0px,#dfe1db 3px,#dce0da 4px)}
.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;flex-shrink:0}
.identity{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:.09em;line-height:1}
.identity small{display:block;font-size:8px;letter-spacing:.34em;margin-top:5px;font-weight:700}
.identity-icon{width:36px;height:36px;border:2px solid var(--green);display:grid;place-items:center;border-radius:2px;font-size:22px;color:var(--green);font-family:Georgia,serif;position:relative}
.identity-icon:before,.identity-icon:after{content:'';position:absolute;border:1px solid var(--green);width:26px;height:26px;transform:rotate(45deg);opacity:.6}
.identity-icon:after{transform:rotate(0);width:18px;height:18px;opacity:.18}
.topline-center,.edition{font-size:10px;letter-spacing:.11em;color:#59665a;font-weight:700}
.slash{margin:0 8px;color:#8c9c8a}.edition-dot{font-size:7px;color:#83927d;margin:0 6px}
.book-control{min-height:36px;display:flex;gap:16px;align-items:center;background:#6d806c;color:#f2f5ec;border:1px solid #586a58;padding:0 10px 0 15px;position:relative}
.control-head,.control-status,.contents-button{font-size:10px;letter-spacing:.1em;font-weight:700}
.control-head{white-space:nowrap}.control-status{flex:1;text-align:center;color:#f7f7f1}.control-status span{color:#dce4d7}
.live-led{display:inline-block;width:6px;height:6px;background:#cad4a8;border-radius:50%;margin-right:6px;box-shadow:0 0 0 2px #60715f}
.contents-button{border:1px solid #9eaa99;background:#e0e5d8;color:#3c4e3d;padding:5px 11px}
.contents-button span{font-size:15px;margin-left:7px;vertical-align:-1px}
.contents-panel{position:absolute;z-index:30;top:94px;right:clamp(10px,2.1vw,35px);width:min(360px,calc(100% - 20px));background:#f1f0e7;border:2px solid #6a7c6c;padding:18px;box-shadow:8px 10px 0 #39483d60}
.contents-panel[hidden]{display:none}
.contents-heading{font-size:11px;font-weight:800;display:flex;justify-content:space-between;letter-spacing:.07em;border-bottom:1px solid #b6c1b0;padding-bottom:10px}
.contents-heading button{border:0;background:transparent;font-size:24px;line-height:15px}
.contents-links{display:grid;grid-template-columns:1fr;gap:2px;margin:10px 0}
.contents-links button{font-size:11px;text-align:left;border:0;padding:9px;background:transparent;color:#38443d}
.contents-links button:hover,.contents-links button.current{background:#d9e2d4}
.contents-fine{font-size:9px;color:#677366;border-top:1px solid #c2cbbf;padding-top:10px;font-style:italic}
.desk{position:relative;min-height:0;flex:1;display:flex;align-items:stretch;justify-content:center;padding:11px 31px 11px 20px;overflow:hidden;background-color:#b9c1b6;background-image:linear-gradient(105deg,#00000013,transparent 20%,#ffffff40 56%,#00000009),repeating-linear-gradient(0deg,transparent 0 54px,#3d4d3b08 55px 56px);border:1px solid #879487;box-shadow:inset 0 0 0 4px #ffffff25}
.desk-corner{position:absolute;width:25px;height:25px;z-index:1;pointer-events:none}
.desk-corner-tl{top:3px;left:4px;border-top:1px solid #8b978b;border-left:1px solid #8b978b}
.desk-corner-br{bottom:3px;right:3px;border-bottom:1px solid #8b978b;border-right:1px solid #8b978b}
.binder{width:min(100%,1230px);height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;border:9px solid #787d72;border-left-width:17px;border-radius:7px 4px 4px 7px;box-shadow:6px 8px 3px #5961574d,0 2px 12px #39463a38;min-width:0}
.binder-spine{position:absolute;inset:0 auto 0 49.5%;width:1.6%;z-index:2;pointer-events:none;background:linear-gradient(90deg,#acaea4,#53595244 43%,#dfdfd5 52%,transparent)}
.metal-rings{position:absolute;inset:0 auto 0 50%;z-index:12;pointer-events:none;display:flex;flex-direction:column;justify-content:space-evenly;transform:translateX(-50%)}
.metal-rings span{width:52px;height:34px;border-radius:50%;border:7px ridge #b5b7b1;box-shadow:inset 3px 2px 2px #464b4555,1px 2px 2px #4448;background:transparent}
.sheet{min-width:0;min-height:0;overflow:hidden;background:var(--paper);position:relative;box-shadow:inset 0 0 31px #a3a18c34,inset 0 0 2px #797f7666}
.sheet:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(ellipse at 19% 86%,#9e906829 0,transparent 32%),radial-gradient(ellipse at 94% 22%,#a59c6a14 0,transparent 30%),repeating-linear-gradient(103deg,transparent 0 39px,#84796f05 40px 41px)}
.notes-sheet{border-right:1px solid #b7b6a7;background-color:#e8e8df}
.policy-sheet{border-left:1px solid #cfcfbe}
.paper-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:clamp(18px,2.1vw,30px) clamp(28px,3.1vw,46px) 16px}
.notes-sheet .paper-inner{padding-left:clamp(20px,3vw,45px);padding-right:clamp(36px,3.7vw,55px)}
.sheet-rule{display:flex;justify-content:space-between;align-items:center;gap:5px;border-bottom:2px solid #6e806f;padding-bottom:8px;font-size:9px;letter-spacing:.09em;color:#738071;font-weight:700;white-space:nowrap}
.notes-title{font-family:Arial,Helvetica,sans-serif;letter-spacing:.35em;color:#9ca59c;font-size:17px;margin:22px 0 6px;font-weight:400}
.ruled-space{flex:1;min-height:0;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 33px,#8aabc026 34px 35px);background-position:0 9px;overflow:hidden}
.blue-scribble{position:absolute;top:18%;left:3%;right:6%;color:var(--blue);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:clamp(16px,1.7vw,23px);line-height:1.55;letter-spacing:-.03em;transform:rotate(-2deg);text-wrap:pretty;text-shadow:.4px .2px #416c9726}
.scribble-tail{position:absolute;left:5%;top:8%;width:80px;height:21px;border-bottom:1px solid #41698d8c;transform:rotate(-7deg);border-radius:50%}
.pencil-mark{position:absolute;bottom:17%;left:8%;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:12px;color:#848986;transform:rotate(2deg)}
.postit{position:absolute;right:11%;bottom:12%;background:#d5d0a1;border:1px solid #c8bd8d;width:120px;min-height:75px;padding:12px 10px;font-family:"Segoe Print","Comic Sans MS",cursive;font-size:12px;line-height:1.45;color:#395877;transform:rotate(5deg);box-shadow:2px 3px 3px #0003}
.coffee-ring{position:absolute;right:3%;bottom:1%;width:93px;height:90px;border:5px solid #a3916321;border-bottom-color:#8a775c30;border-left-color:#987e6433;border-radius:50%;transform:rotate(30deg);filter:blur(.4px)}
.sheet-footer{border-top:1px solid #c1c3b4;font-size:8px;color:#8c958d;display:flex;gap:10px;justify-content:space-between;align-items:center;padding-top:8px;letter-spacing:.075em;font-weight:700;flex-shrink:0}
.sheet-footer span:last-child{font-size:11px;color:#6d7a6e}
.policy-heading{margin-top:clamp(16px,2.3vw,34px);text-align:center}
.chapter-roman{font-family:Georgia,serif;font-size:10px;letter-spacing:.3em;color:#70806e;font-weight:bold}
.policy-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.1vw,31px);font-weight:600;line-height:1.1;letter-spacing:.035em;margin:8px 0 9px;color:#323d36}
.heading-line{height:3px;width:110px;margin:0 auto;background:#718370}
.policy-copy{font-family:Georgia,"Times New Roman",serif;font-size:clamp(13px,1.14vw,16px);line-height:1.5;min-height:0;flex:1;overflow:auto;padding:13px 3px 0;text-align:left;scrollbar-color:#a9b2a3 transparent;scrollbar-width:thin}
.policy-copy p{margin:0 0 .75em}
.policy-copy p:last-child{margin-bottom:0}
.policy-copy .decree{font-weight:700;text-align:center;margin-top:12px}
.policy-copy .underlined{border-bottom:1px dotted #7a8478}
.policy-copy .redact{display:inline-block;background:#363d38;color:transparent;user-select:none;min-width:64px;padding:0 9px}
.policy-copy .official-note{color:#738073;font-size:.85em;font-family:Arial,sans-serif;letter-spacing:.04em}
.confidential-stamp{position:absolute;right:27px;top:68px;border:2px solid #a28479;color:#98786e;font-size:10px;font-weight:900;letter-spacing:.09em;padding:4px 7px;transform:rotate(8deg);opacity:.65}
.mascot-wrap{flex-shrink:0;align-self:flex-end;display:flex;align-items:center;justify-content:end;height:clamp(58px,10.6vh,100px);margin:4px -9px 7px 0;gap:1px}
.mascot{height:100%;width:auto;filter:sepia(.08)}
.mascot-quote{border:1px solid #a5afa0;color:#718069;padding:7px 9px;font-family:Arial,sans-serif;font-size:9px;line-height:1.3;letter-spacing:.04em;max-width:130px;transform:rotate(2deg)}
.notes-footer{font-size:7px}
.chapter-tabs{position:absolute;right:0;top:11px;bottom:11px;width:30px;display:flex;flex-direction:column;justify-content:center;z-index:15;gap:2px}
.chapter-tabs button{width:100%;flex:1;max-height:46px;min-height:24px;border:1px solid #8b9985;background:#a5b39d;color:#394a3b;font-size:10px;font-weight:700;border-radius:0 4px 4px 0}
.chapter-tabs button:hover{background:#d5dfcc}
.chapter-tabs button.active{background:#f1eee1;border-left:0;transform:translateX(-2px);box-shadow:3px 2px 2px #3333}
.pager{display:grid;grid-template-columns:1fr minmax(260px,1.4fr) 1fr;gap:10px;align-items:center;flex-shrink:0;min-height:64px;color:#3e4b41}
.pager-button{justify-self:start;border:1px solid #728471;background:#e7ebe3;color:#425545;letter-spacing:.09em;font-weight:800;font-size:11px;padding:13px clamp(12px,2vw,24px);box-shadow:2px 2px 0 #81908088}
.pager-button:hover{background:#d4e0d0}
.pager-button:disabled{opacity:.34;cursor:not-allowed}
.pager-button span{font-size:10px}
.next-button{justify-self:end;background:#687e67;border-color:#536a53;color:#fcfff5}
.next-button:hover{background:#526950}
.pager-center{text-align:center;align-self:center}
.pager-caption{font-size:8px;letter-spacing:.19em;color:#738071}
.pager-title{font-size:12px;font-weight:800;letter-spacing:.04em;margin:3px 0}
.pager-count{font-size:10px;font-family:Georgia,serif;color:#748273}
.bottomline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a7afa4;padding-top:5px;flex-shrink:0;color:#8e978b;font-size:8px;letter-spacing:.04em}
@media(max-width:1150px){
 .topline-center{display:none}
 .book-control{gap:8px}
 .policy-copy{font-size:14px}
 .mascot-wrap{height:62px}
 .mascot-quote{font-size:7.5px;padding:5px}
 .blue-scribble{font-size:18px}
}
@media(max-width:800px){
 .workstation{height:auto;min-height:100svh;padding:9px 7px;gap:6px}
 .topline{min-height:35px;padding:0 5px}.identity{font-size:15px}.identity-icon{width:29px;height:29px;font-size:18px}.edition{font-size:8px}
 .book-control{min-height:35px;padding:0 8px}
 .control-head{display:none}.control-status{text-align:left;font-size:9px;line-height:1.35}
 .contents-panel{top:76px;right:7px}
 .desk{overflow:visible;min-height:auto;display:block;padding:6px 22px 6px 5px}
 .binder{display:flex;flex-direction:column;min-height:0;height:auto;border:6px solid #747d73;border-left-width:10px}
 .binder-spine,.metal-rings{display:none}
 .sheet{overflow:visible}
 .notes-sheet{order:2;border:0;border-top:1px dashed #8e998c}
 .policy-sheet{order:1;border:0}
 .paper-inner{min-height:0;padding:24px clamp(19px,5vw,30px) 17px}
 .notes-sheet .paper-inner{padding:22px clamp(19px,5vw,30px) 16px}
 .sheet-rule{font-size:8px;white-space:normal}
 .policy-heading{margin-top:19px}
 .policy-heading h1{font-size:clamp(22px,6vw,30px)}
 .policy-copy{overflow:visible;flex:auto;font-size:clamp(16px,4.4vw,18px);line-height:1.55;padding:20px 0 12px}
 .policy-copy p{margin-bottom:1em}
 .confidential-stamp{right:21px;top:59px;font-size:8px}
 .mascot-wrap{height:87px;margin:2px 0 14px}
 .mascot-quote{font-size:9px}
 .notes-title{font-size:16px;margin:12px 0}
 .ruled-space{min-height:215px;padding-top:15px}
 .blue-scribble{top:18px;left:5%;right:2%;font-size:clamp(17px,4.6vw,21px);line-height:1.65}
 .scribble-tail{top:0;left:5%}
 .pencil-mark{bottom:7%;font-size:10px}
 .coffee-ring{right:2%;bottom:2%;width:68px;height:66px}
 .postit{right:1%;bottom:2%;font-size:10px;width:96px;min-height:55px}
 .chapter-tabs{right:0;top:6px;bottom:auto;display:flex;flex-direction:column;gap:3px}
 .chapter-tabs button{min-height:26px;max-height:30px}
 .pager{grid-template-columns:1fr 1fr;position:sticky;bottom:0;z-index:20;background:#e4e8e0ed;border-top:1px solid #8e9a8a;padding:7px 3px;min-height:0}
 .pager-button{font-size:10px;padding:12px;justify-self:stretch;text-align:center}
 .pager-center{grid-column:1/-1;grid-row:1}
 .next-button{grid-column:2;grid-row:2}
 #prevPage{grid-column:1;grid-row:2}
 .pager-caption{display:none}.pager-title{font-size:10px;margin:1px 0}.pager-count{display:none}
 .bottomline{font-size:7px;padding:7px 4px;flex-wrap:wrap}
}
@media(max-height:720px) and (min-width:801px){
 .workstation{gap:4px;padding-top:4px}
 .topline{min-height:35px}
 .book-control{min-height:29px}
 .desk{padding-top:7px;padding-bottom:7px}
 .paper-inner{padding-top:17px;padding-bottom:10px}
 .policy-heading{margin-top:11px}
 .policy-heading h1{margin:4px 0 7px;font-size:23px}
 .policy-copy{font-size:13px;line-height:1.41;padding-top:8px}
 .policy-copy p{margin-bottom:.65em}
 .mascot-wrap{height:56px;margin-bottom:0}
 .notes-title{margin-top:11px}
 .pager{min-height:49px}
 .pager-button{padding:9px 15px}
}
@media(prefers-reduced-motion:no-preference){
 .policy-copy,.blue-scribble{animation:materialize .15s ease-out}
 @keyframes materialize{from{opacity:.8}to{opacity:1}}
}
@media print{
 body{background:white}.workstation{height:auto;min-height:0;padding:0;background:white}
 .topline,.book-control,.contents-panel,.chapter-tabs,.pager,.bottomline,.desk-corner{display:none!important}
 .desk{display:block;padding:0;border:0;background:white;overflow:visible}
 .binder{height:7.2in;width:10in;margin:auto;box-shadow:none;border:0;break-inside:avoid}
 .sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .paper-inner{padding:30px}
 .policy-copy{font-size:14px;overflow:visible}
}

.blue-scribble,.postit{white-space:pre-line}

/* Reader QA: reclaim the vertical space used by ornamental headings.
   The full doctrine must be visible in the short desktop viewport. */
@media (min-width:801px){
 .paper-inner{padding-top:20px;padding-bottom:12px}
 .policy-heading{margin-top:12px}
 .policy-heading h1{font-size:clamp(21px,1.85vw,27px);margin:5px 0 7px}
 .policy-copy{font-size:clamp(13px,1.075vw,15px);line-height:1.42;padding-top:12px}
 .policy-copy p{margin-bottom:.62em}
 .mascot-wrap{height:64px;margin:0 -7px 0 0}
}
@media (max-height:720px) and (min-width:801px){
 .policy-copy{font-size:13px;line-height:1.37;padding-top:7px}
 .mascot-wrap{height:48px}
 .policy-heading{margin-top:7px}
}

@media(min-width:801px){.policy-sheet.no-mascot .mascot-wrap{display:none}}

/* Move the ink stamp away from the policy heading. */
.confidential-stamp{top:37px;right:22px;opacity:.48}
@media(max-width:800px){.confidential-stamp{top:51px;right:18px}}


/* HECKRON_BINDER_CORPORATE_NAV_V1 — corporate site links inside the original binder header. */
.workstation{position:relative}
.identity-link{color:inherit;text-decoration:none;white-space:nowrap;flex-shrink:0}
.identity-link:hover{color:#526952}
.identity-link:hover .identity-icon{background:#edf1e8}
.identity-link:focus-visible,.corp-nav-desktop a:focus-visible,.corp-exit:focus-visible,.corp-nav-toggle:focus-visible,.corp-nav-mobile a:focus-visible{outline:2px solid #285b87;outline-offset:3px}
.corp-nav-desktop{display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(9px,1.3vw,22px);min-width:0}
.corp-nav-desktop a{font-size:10px;line-height:1.35;text-decoration:none;text-transform:uppercase;letter-spacing:.045em;color:#4d6050;font-weight:800;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.corp-nav-desktop a:hover{color:#223b29;border-bottom-color:#657a62}
.corp-exit{flex-shrink:0;background:#e8ece4;border:1px solid #879986;color:#455b47;text-decoration:none;padding:9px 11px;font-size:10px;letter-spacing:.07em;font-weight:800;white-space:nowrap}
.corp-exit:hover{background:#d5e0d1}
.corp-nav-toggle{display:none;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:1px solid #879986;background:#e8ece4;color:#455b47;font-size:10px;letter-spacing:.045em;font-weight:800}
.corp-nav-mobile{display:none}
@media(max-width:1180px){
 .corp-nav-desktop{gap:10px}
 .corp-nav-desktop a{font-size:9px;letter-spacing:0}
 .corp-exit{font-size:9px;padding:9px 8px}
}
@media(max-width:1000px){
 .corp-nav-desktop{display:none}
 .corp-nav-toggle{display:flex}
 .topline{gap:9px}
 .corp-exit{margin-left:auto}
 .corp-nav-mobile:not([hidden]){display:grid;position:absolute;z-index:55;right:clamp(7px,2.1vw,35px);top:54px;width:min(290px,calc(100% - 14px));padding:7px;background:#f0f0e8;border:2px solid #738672;box-shadow:5px 7px 0 #36473744}
 .corp-nav-mobile a{font-size:12px;font-weight:700;text-decoration:none;color:#435947;padding:11px 13px;border-bottom:1px solid #ccd3c9}
 .corp-nav-mobile a:last-child{border-bottom:0}
 .corp-nav-mobile a:hover,.corp-nav-mobile a:focus-visible{background:#d9e3d5}
}
@media(max-width:800px){
 .topline{min-height:39px;padding:0 3px;gap:6px}
 .identity-link{font-size:15px}
 .corp-exit{padding:9px 7px;font-size:8px;letter-spacing:0}
 .corp-nav-toggle{padding:9px 7px;font-size:9px;letter-spacing:0}
 .corp-nav-mobile:not([hidden]){top:49px;right:7px}
}
@media(max-width:355px){
 .identity-link{font-size:13px;gap:5px}
 .identity-link .identity-icon{width:26px;height:26px;font-size:17px}
 .corp-exit{font-size:8px;padding:8px 5px}
 .corp-nav-toggle{font-size:8px;padding:8px 5px;gap:3px}
}
@media print{.corp-nav-desktop,.corp-exit,.corp-nav-toggle,.corp-nav-mobile{display:none!important}}


/* PUBLIC_BINDER_OFFICIAL_V1 — clean corporate training plates, zero coffee or annotation graphics. */
.official-diagram-sheet{background:#eaede4;border-right:1px solid #b8c3b5}
.official-diagram-sheet .paper-inner{gap:0}
.official-diagram-sheet .diagram-kicker{font:700 9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.115em;color:#7a8978;margin:18px 0 6px}
.official-diagram-sheet .diagram-title{font:700 clamp(19px,1.65vw,26px)/1.14 Arial,Helvetica,sans-serif;letter-spacing:.025em;color:#34463a;margin:0 0 9px;max-width:95%}
.official-diagram-sheet .diagram-intro{font:13px/1.42 Georgia,serif;color:#637265;margin:0 0 15px}
.official-diagram-sheet .process-block{position:relative;padding:6px 0;min-height:0;flex:1}
.official-diagram-sheet .process-line{position:absolute;left:17px;top:26px;bottom:26px;border-left:2px solid #bac7b7}
.official-diagram-sheet .process-steps{height:100%;display:flex;flex-direction:column;justify-content:space-around;position:relative;gap:7px}
.official-diagram-sheet .process-step{display:flex;align-items:center;gap:12px;padding:7px 12px 7px 0;font:700 clamp(10px,.88vw,13px)/1.26 Arial,Helvetica,sans-serif;color:#465b49;letter-spacing:.045em}
.official-diagram-sheet .process-number{flex:0 0 36px;height:36px;display:grid;place-items:center;background:#e0e8db;border:2px solid #8b9f8a;border-radius:50%;font:700 11px Arial,sans-serif;color:#354e3d}
.official-diagram-sheet .pip-instruction{display:flex;align-items:center;gap:16px;border:1px solid #b2c1ad;background:#f0f2e9;padding:9px 11px;margin-top:8px;min-height:112px}
.official-diagram-sheet .pip-portrait{flex:0 0 68px}
.official-diagram-sheet .pip-guide{height:105px;width:75px;display:block}
.official-diagram-sheet .pip-caption{min-width:0}
.official-diagram-sheet .pip-label{font:800 11px/1.4 Arial,sans-serif;color:#425c47;letter-spacing:.06em}
.official-diagram-sheet .pip-label span{display:block;font:600 9px/1.5 Arial,sans-serif;color:#819182;letter-spacing:.035em}
.official-diagram-sheet .pip-caption p{font:italic 13px/1.35 Georgia,serif;margin:8px 0 8px;color:#46564b}
.official-diagram-sheet .pip-fine{font:700 8px Arial,sans-serif;color:#859386;letter-spacing:.045em}
.official-diagram-sheet .diagram-bottom{font:700 8px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.04em;color:#89998a;margin-top:12px}
.official-diagram-sheet .notes-footer{margin-top:9px}
.official-diagram-sheet .coffee-ring,.official-diagram-sheet .postit,.official-diagram-sheet .pencil-mark{display:none!important}
@media(max-width:800px){
 .official-diagram-sheet .paper-inner{padding:22px clamp(18px,5vw,30px) 16px}
 .official-diagram-sheet .diagram-kicker{margin-top:10px}
 .official-diagram-sheet .process-block{min-height:190px}
 .official-diagram-sheet .process-steps{gap:4px}
 .official-diagram-sheet .process-step{font-size:12px;padding:4px 0}
 .official-diagram-sheet .pip-instruction{margin-top:6px;min-height:108px}
 .official-diagram-sheet .diagram-bottom{margin-top:11px}
 .official-diagram-sheet .diagram-title{font-size:22px}
}
@media(max-height:730px) and (min-width:801px){
 .official-diagram-sheet .diagram-kicker{margin:8px 0 4px;font-size:8px}
 .official-diagram-sheet .diagram-title{font-size:20px;margin-bottom:5px}
 .official-diagram-sheet .diagram-intro{font-size:11px;margin-bottom:6px}
 .official-diagram-sheet .process-number{width:29px;height:29px;flex-basis:29px;font-size:9px}
 .official-diagram-sheet .process-line{left:14px;top:23px;bottom:23px}
 .official-diagram-sheet .process-step{font-size:10px;padding:3px 5px 3px 0}
 .official-diagram-sheet .pip-instruction{min-height:76px;padding:3px 8px}
 .official-diagram-sheet .pip-guide{height:73px;width:55px}
 .official-diagram-sheet .pip-portrait{flex-basis:55px}
 .official-diagram-sheet .pip-caption p{font-size:10px;margin:3px 0}
 .official-diagram-sheet .diagram-bottom{margin-top:5px;font-size:7px}
}