/* Base styles shared with the Beta 2 design mock-ups (beta2-sim/mock/m2.html). */
@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(../assets/fonts/Poppins-Regular.ttf) format('truetype')}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(../assets/fonts/Poppins-Medium.ttf) format('truetype')}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(../assets/fonts/Poppins-Bold.ttf) format('truetype')}
@font-face{font-family:Lora;font-weight:400 700;font-style:normal;font-display:swap;src:url(../assets/fonts/Lora-Variable.ttf) format('truetype')}
@font-face{font-family:Lora;font-weight:400 700;font-style:italic;font-display:swap;src:url(../assets/fonts/Lora-Italic-Variable.ttf) format('truetype')}


:root{--ink:#1d1812;--soft:#5d554b;--mute:#8a7f70;--line:#E8DCC6;--cream:#F8F1E4;--gold:#C9922E;--gold2:#E9C46A;--gold-d:#8A5A10;--night:#141210;
--c1:#2E9E6B;--c2:#EF7A2B;--c3:#8A5CE6;--c4:#2F7BE5;--t1:#E3F4EC;--t2:#FDEBDD;--t3:#EFE8FC;--t4:#E5EFFC}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#F4EADA}body{position:relative;min-height:100vh}
body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
.serif{font-family:Lora,Georgia,serif}
/* ---------- living background ---------- */
.bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#FAF4E9,#F2E6D1)}
.bg:before,.bg:after{content:"";position:absolute;width:140%;height:70%;left:-20%;border-radius:50%;filter:blur(40px);opacity:.55}
.bg:before{top:-25%;background:radial-gradient(closest-side,rgba(240,200,110,.55),transparent);animation:drift 18s ease-in-out infinite alternate}
.bg:after{bottom:-30%;background:radial-gradient(closest-side,rgba(226,180,95,.45),transparent);animation:drift 22s ease-in-out infinite alternate-reverse}
.bg i{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(140,110,60,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(140,110,60,.02) 0 1px,transparent 1px 5px)}
@keyframes drift{from{transform:translate(-4%,0) scale(1)}to{transform:translate(4%,3%) scale(1.08)}}
.app{position:relative;z-index:1;max-width:430px;margin:0 auto;min-height:100vh;padding-bottom:36px}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;position:sticky;top:0;z-index:6;background:rgba(250,244,233,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,146,46,.18)}
.wm{display:flex;align-items:center;gap:10px;font-family:Lora,serif;font-weight:700;font-size:22px;letter-spacing:-.01em}.wm img{width:42px;height:42px}.wm b{color:var(--gold)}
.so{font-size:12.5px;font-weight:600;color:#7a5a20;border:1.5px solid rgba(201,146,46,.35);background:rgba(255,255,255,.7);border-radius:20px;padding:6px 13px}
.wrap{padding:22px 20px 0}
.eb{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
.h1{font-family:Lora,serif;font-weight:700;font-size:30px;line-height:1.12;letter-spacing:-.015em;margin-top:8px}
.h2{font-family:Lora,serif;font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.01em}
.sub{color:var(--soft);font-size:14.5px;line-height:1.55;margin-top:10px}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(201,146,46,.22);border-radius:24px;padding:18px;margin-top:14px;box-shadow:0 18px 40px -18px rgba(90,60,10,.25),0 2px 6px rgba(90,60,10,.05)}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 11px;border-radius:20px}
.prem{background:#FBEFD2;color:#8A5A10;border:1px solid #E9C877}.beta{background:#ECE6DC;color:#6f685f;letter-spacing:.04em;text-transform:none;font-weight:600;font-size:11px}.free{background:var(--t1);color:#1E6B49}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:600;font-size:15.5px;padding:16px;border-radius:32px;border:0;margin-top:12px}
.btn.g{background:linear-gradient(135deg,#E2AC45,#A86E10);color:#fff;box-shadow:0 12px 24px -10px rgba(168,110,16,.7)}
.btn.o{background:#fff;border:1.5px solid var(--line);color:#5E5850}
.stage{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #F0E6D6}.stage:first-child{border-top:0}
.stage .dot{width:34px;height:34px;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}
.stage .t{flex:1}.stage .t b{display:block;font-size:14px}.stage .t span{font-size:12px;color:var(--mute)}
.stage .e{font-size:12.5px;font-weight:600;color:#1F57A8}
.qa{padding:10px 0;border-top:1px solid #F0E6D6;font-size:13.5px}.qa .q{font-size:11.5px;color:var(--mute)}.qa .a{margin-top:2px;line-height:1.45}
.lock{display:flex;gap:10px;background:#FFF6E3;border:1px solid #EBCB87;border-radius:18px;padding:13px 14px;font-size:13px;line-height:1.5;margin-top:16px;color:#5b4720}
.or{display:flex;align-items:center;gap:10px;color:var(--mute);font-size:12px;margin:16px 0 4px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.pcard{background:linear-gradient(160deg,#FFF6E0,#F8E6BA);border:1px solid #E9C877;border-radius:24px;padding:18px;color:#3a2706;margin-top:8px;position:relative;overflow:hidden;box-shadow:0 14px 30px -18px rgba(150,100,10,.45)}
.pcard:after{display:none}
.pcard .tt{font-family:Lora,serif;font-size:21px;font-weight:700;margin-top:10px;color:#1d1812}
.pcard p{font-size:14px;line-height:1.5;color:#3d3630;margin-top:6px}
.pcard .pr{display:flex;align-items:baseline;gap:10px;margin-top:10px}.pcard .pr b{font-family:Lora,serif;font-size:26px;color:#8A5A10}.pcard .pr span{font-size:12px;color:#4a433a}
.pcard .go{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#E2AC45,#A86E10);color:#fff;font-weight:700;border-radius:30px;padding:13px;margin-top:12px;font-size:14.5px}
.modal{position:fixed;inset:0;z-index:20;background:rgba(29,24,18,.45);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#FFFDF8;width:100%;max-width:430px;border-radius:30px 30px 0 0;padding:14px 22px 30px;box-shadow:0 -20px 40px rgba(0,0,0,.15)}
.sheet .grab{width:42px;height:5px;border-radius:3px;background:#E3D6BF;margin:0 auto 18px}
.sheet .ic{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#F7E1A8,#E2AC45);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
/* ---------- creating ---------- */
.cre{position:relative;height:calc(100vh - 60px);min-height:860px;overflow:hidden;text-align:center}
.cre .stage4{position:absolute;left:0;right:0;top:34px;display:flex;justify-content:center;gap:10px}
.sb{width:74px;padding:10px 4px;border-radius:16px;color:#fff;font-size:10.5px;font-weight:600;line-height:1.25;box-shadow:0 10px 20px -10px rgba(0,0,0,.4);animation:pop .6s both}
.sb b{display:block;font-size:17px;font-family:Lora,serif}
@keyframes pop{from{transform:translateY(-14px) scale(.8);opacity:0}to{transform:none;opacity:1}}
.core{position:absolute;left:50%;top:330px;width:190px;height:190px;margin:-95px 0 0 -95px}
.core .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(233,196,106,0),#E9C46A,#C9922E,rgba(233,196,106,0) 70%);animation:spin 2.8s linear infinite;-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%);mask:radial-gradient(closest-side,transparent 86%,#000 88%)}
.core .halo{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,200,110,.55),transparent);animation:breathe 2.4s ease-in-out infinite}
.core .disc{position:absolute;inset:16px;border-radius:50%;background:#fff;box-shadow:0 20px 40px -14px rgba(120,80,10,.45),inset 0 0 0 1px rgba(201,146,46,.25);display:flex;align-items:center;justify-content:center}
.core .disc img{width:96px;height:96px;animation:breathe 2.4s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.05)}}
.orbit{position:absolute;left:50%;top:330px;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:1px dashed rgba(201,146,46,.35);animation:spin 40s linear infinite}
.orbit i{position:absolute;width:9px;height:9px;border-radius:50%;top:-5px;left:50%}
.phr{position:absolute;left:50%;top:0;white-space:nowrap;font-size:12.5px;font-style:italic;font-family:Lora,serif;background:#fff;border-radius:16px;padding:6px 12px;box-shadow:0 8px 18px -8px rgba(80,50,10,.35);border-left:4px solid;opacity:0;animation:flow 6s ease-in-out infinite}
@keyframes flow{0%{opacity:0;transform:translate(var(--sx),130px) scale(.9)}15%{opacity:1}55%{opacity:1;transform:translate(var(--mx),210px) scale(1)}80%{opacity:0;transform:translate(-50%,320px) scale(.4)}100%{opacity:0}}
.areas4{position:absolute;left:20px;right:20px;top:500px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a4{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:16px;padding:10px 12px;font-size:12.5px;font-weight:600;color:#9b9286}
.a4 s{width:24px;height:24px;border-radius:8px;flex:none;background:#E6DED0}
.prog{position:absolute;left:28px;right:28px;top:650px}
.pt{font-family:Lora,serif;font-size:24px;font-weight:700}
.pline{height:6px;border-radius:4px;background:#EADFCB;margin-top:16px;overflow:hidden}.pline i{display:block;height:100%;width:62%;border-radius:4px;background:linear-gradient(90deg,#F2D58E,#C9922E);animation:grow 12s ease-out infinite}
@keyframes grow{from{width:6%}to{width:94%}}
.pstat{font-size:13.5px;color:var(--soft);margin-top:12px;height:20px}
.pstat span{display:block;animation:fadeup .5s both}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}to{opacity:1}}
.pnote{font-size:12px;color:var(--mute);margin-top:6px}
/* ---------- results ---------- */
.hero{padding:22px 20px 4px}
.created{font-size:12px;color:var(--mute);margin-top:6px}
.snap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.snap div{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:16px;padding:10px 12px}
.snap small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.snap b{display:block;font-size:13px;font-weight:600;margin-top:3px;line-height:1.35}
.kf{display:flex;gap:12px;padding:12px 0;border-top:1px solid #F0E6D6}.kf:first-of-type{border-top:0}
.kf .n{font-family:Lora,serif;font-size:26px;font-weight:700;color:var(--gold);line-height:1;width:22px;flex:none}
.kf p{font-size:14px;line-height:1.5}
.pdfbtn{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#E2AC45,#A86E10);border-radius:24px;padding:16px 18px;color:#fff;margin-top:16px;box-shadow:0 16px 30px -14px rgba(168,110,16,.8)}
.pdfbtn .doc{width:44px;height:54px;border-radius:8px;background:#fff;position:relative;flex:none;box-shadow:0 6px 12px rgba(0,0,0,.18)}
.pdfbtn .doc:before{content:"PDF";position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;font-weight:800;color:#A86E10}
.pdfbtn .doc:after{content:"";position:absolute;left:9px;right:9px;top:10px;height:16px;background:repeating-linear-gradient(180deg,#E8D5AE 0 2px,transparent 2px 5px)}
.pdfbtn b{display:block;font-size:15.5px}.pdfbtn span{font-size:12px;opacity:.9}
.row2{display:flex;gap:8px;margin-top:10px}.row2 .btn{margin:0;padding:12px;font-size:13.5px}
.foot{font-size:11px;color:var(--mute);text-align:center;margin-top:22px;line-height:1.5}
.tabs{display:flex;gap:4px;background:rgba(239,230,214,.9);border-radius:30px;padding:4px;margin-top:14px}
.tabs div{flex:1;text-align:center;font-size:12.5px;font-weight:600;padding:9px;border-radius:26px;color:#6f6a63}.tabs .on{background:#fff;color:var(--ink);box-shadow:0 3px 8px rgba(0,0,0,.08)}
.mini{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:12.5px}.mini b{width:150px;font-weight:500}
.mtrack{flex:1;height:8px;border-radius:5px;background:linear-gradient(90deg,#F1E7D6,#EBDDC3);position:relative}
.mtrack i{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#C9922E;border:2.5px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.25)}
/* forms */
.field{margin-top:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--soft);margin-bottom:6px}
.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:13px;padding:8px 13px;border-radius:20px;border:1.5px solid var(--line);background:#fff}
.chips .on{background:#C9922E;color:#fff;border-color:#C9922E}
.inp{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14.5px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;margin-top:10px}.chk i{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid #C9A86A;margin-top:1px;position:relative}
.chk i.on{background:#C9922E;border-color:#C9922E}.chk i.on:after{content:"✓";color:#fff;position:absolute;left:3px;top:-3px;font-style:normal;font-size:14px}
.note{display:flex;gap:10px;background:#F3EEFF;border:1px solid #DCCFFA;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.45;color:#3f2f73;margin-top:14px}
.likert div{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:13px 14px;margin-top:9px;font-size:14px}
.likert div s{width:20px;height:20px;border-radius:50%;border:2px solid #CDB88E;flex:none}
.likert .on{border-color:#C9922E;background:#FFF8E8}.likert .on s{border:6px solid #C9922E}
.qbar{height:6px;border-radius:4px;background:#EADFCB;margin-top:12px;overflow:hidden}.qbar i{display:block;height:100%;background:linear-gradient(90deg,#F2D58E,#C9922E)}
.link{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:11px 12px;margin-top:8px;font-size:13px}
.link .av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:none}
.link .sh{margin-left:auto;font-size:12px;font-weight:700;color:#1F8A57;background:#E3F4EC;border-radius:14px;padding:6px 10px}
.close{display:flex;gap:10px;align-items:center;background:#FFF6E3;border:1px solid #EBCB87;color:#5b4720;border-radius:16px;padding:12px 14px;font-size:13px;margin-top:12px}
/* ---------- A4 documents ---------- */
.doc{width:794px;margin:0 auto;font-family:Poppins,sans-serif}
.page{width:794px;height:1123px;background:#FFFDF9;position:relative;overflow:hidden;page-break-after:always;padding:54px 62px 70px}
@media screen{.page{margin:20px auto;box-shadow:0 10px 30px rgba(0,0,0,.12)}}
.page .pf{position:absolute;left:62px;right:62px;bottom:28px;display:flex;justify-content:space-between;font-size:9.5px;color:#9a8f80;border-top:1px solid #EFE5D3;padding-top:9px}
.band{margin:-54px -62px 0;padding:40px 62px 30px;background:linear-gradient(135deg,#FBF1DC,#F3DFB4);color:var(--ink);position:relative;overflow:hidden}
.band.gold{background:linear-gradient(135deg,#F8E2AE,#EDC777);color:var(--ink)}.band.light{background:linear-gradient(135deg,#FBF1DC,#F3DFB4);color:var(--ink)}
.band .lg{display:flex;align-items:center;gap:9px;font-family:Lora,serif;font-weight:700;font-size:19px}.band .lg img{width:30px}
.band h1{font-family:Lora,serif;font-size:38px;line-height:1.1;margin-top:26px;letter-spacing:-.015em}
.band .nm{font-size:15px;margin-top:8px;opacity:.85}
.band .tagr{position:absolute;right:62px;top:42px}
.sec{margin-top:26px}
.sh2{display:flex;align-items:baseline;gap:12px;font-family:Lora,serif;font-size:21px;font-weight:700;border-bottom:2px solid #EAD9B6;padding-bottom:7px;margin-bottom:12px}
.sh2 small{font-family:Poppins;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.vit{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #EADFCB;border-radius:14px;overflow:hidden}
.vit div{padding:10px 12px;border-right:1px solid #EFE5D3;border-bottom:1px solid #EFE5D3;min-height:58px}
.vit div:nth-child(4n){border-right:0}
.vit small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9a8f80}
.vit b{display:block;font-size:11.5px;font-weight:600;margin-top:3px;line-height:1.35}
.kfd{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid #F3EADB}
.kfd .n{font-family:Lora,serif;font-size:30px;font-weight:700;color:var(--gold);line-height:.9;width:24px;flex:none}
.kfd p{font-size:12.5px;line-height:1.55}
.df{font-size:9.5px;color:#9a8f80;margin-top:4px}.df b{font-weight:600;color:#7d7262}
.attr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.attr .s{border:1px solid #EADFCB;border-radius:14px;padding:12px 14px;background:#fff}
.attr .s h4{font-family:Lora,serif;font-size:14.5px}.attr .s p{font-size:11.5px;line-height:1.5;color:#4a433a;margin-top:4px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.trio div{border-radius:14px;padding:12px 14px}.trio h5{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.trio li{list-style:none;font-size:11.5px;line-height:1.45;margin-top:5px;padding-left:12px;position:relative}.trio li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}
.bs{display:flex;gap:12px;border-left:4px solid #8A5CE6;background:#F7F3FE;border-radius:0 14px 14px 0;padding:11px 14px;margin-top:9px}
.bs .q{font-family:Lora,serif;font-size:13.5px;font-style:italic;line-height:1.45}.bs .w{font-size:11px;color:#5d4f86;margin-top:4px}
.ar{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid #EADFCB;background:#fff}
.ar .hd{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#fff;font-family:Lora,serif;font-weight:700;font-size:16px}
.ar .hd s{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.3)}
.ar .bd{padding:10px 16px 11px;font-size:11.5px;line-height:1.55}
.ar .dir{margin-top:7px;font-size:11.3px}.ar .dir b{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.steps3{display:flex;flex-direction:column;gap:0;margin-top:6px}
.st{display:flex;gap:14px}.st .ln{display:flex;flex-direction:column;align-items:center}.st .ln b{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#E9C46A,#B8811F);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}
.st .ln i{flex:1;width:2px;background:#EAD9B6;margin:3px 0}.st .tx{padding-bottom:14px}.st .tx p{font-size:12.5px;line-height:1.5;font-weight:500}.st .tx small{display:block;font-size:11px;color:#6e6457;margin-top:2px}
.ck li{list-style:none;font-size:12px;line-height:1.5;padding:6px 0 6px 22px;position:relative;border-bottom:1px solid #F3EADB}.ck li:before{content:"?";position:absolute;left:0;top:6px;width:15px;height:15px;border-radius:50%;background:#EFE6D6;color:#8a7f70;font-size:10px;font-weight:700;text-align:center;line-height:15px}
.adds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.adds div{border:1px solid #3a3020;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.04)}.adds b{display:block;color:#F2D58E;font-size:12.5px}.adds span{font-size:11px;color:#cfc2a8;line-height:1.45}
.apx td{font-size:10px;padding:5px 8px;border-bottom:1px solid #F1E8D8;vertical-align:top;line-height:1.4}.apx td:first-child{width:34%;color:#7d7262}
.apx th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:10px 8px 4px;color:#fff}
.trait{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #F3EADB;align-items:start}
.trait h4{font-family:Lora,serif;font-size:14px;line-height:1.25}.trait .pos{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);margin-top:3px}
.track{height:10px;border-radius:6px;background:linear-gradient(90deg,#F6EEDF,#EAD9B6);position:relative;margin:5px 0 3px}
.track .z{position:absolute;top:-3px;bottom:-3px;width:1px;background:#D8C7A5}
.track i{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#F2D58E,#B8811F);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.tl{display:flex;justify-content:space-between;font-size:8.5px;color:#9a8f80;text-transform:uppercase;letter-spacing:.1em}
.trait p{font-size:11.3px;line-height:1.5;margin-top:6px}.trait .ab{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.trait .ab div{font-size:10.5px;line-height:1.45;border-radius:10px;padding:7px 9px}.trait .ab b{display:block;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.chartbox{border:1px solid #EADFCB;border-radius:16px;padding:14px;background:#fff}
.chartbox h4{font-family:Lora,serif;font-size:15px}.chartbox .lbl{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9a8f80;margin-top:2px}
.chartbox p{font-size:11.3px;line-height:1.55;margin-top:8px}
.jw{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:18px;overflow:hidden;border:2px solid #C9922E;margin-top:10px}
.jw>div{padding:14px 16px;min-height:132px}.jw h5{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.jw small{display:block;font-size:10px;margin-top:2px;opacity:.75}
.jw .w{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.jw .w span{font-size:12px;font-weight:600;border-radius:14px;padding:4px 10px;background:rgba(255,255,255,.75)}
.jw .w span sup{font-size:8px;margin-left:3px;opacity:.7}
.page.tight .kfd{padding:5px 0}.page.tight .kfd p{font-size:11.9px;line-height:1.5}.page.tight .sec{margin-top:16px}.page.tight .vit div{min-height:46px;padding:7px 10px}.page.tight .band{padding:30px 62px 22px}.page.tight .band h1{margin-top:16px}.page.tight .ar .bd{font-size:11px;line-height:1.5}
.page.tight .trait{padding:5px 0;gap:12px}.page.tight .trait p{font-size:10.5px;line-height:1.42;margin-top:3px}.page.tight .trait .ab div{font-size:9.8px;padding:5px 8px}.page.tight .guide{padding:4px 10px;font-size:10.2px}.page.tight .bs{padding:7px 12px;margin-top:6px}.page.tight .attr .s{padding:9px 12px}
.guide{font-size:10.6px;line-height:1.5;color:#3d3630;background:#FBF6EC;border-left:3px solid #E9C46A;border-radius:0 8px 8px 0;padding:6px 11px;margin:-4px 0 10px}.guide b{color:#8A5A10}
.mockflag{position:fixed;right:10px;bottom:10px;z-index:50;background:#FFF6E3;color:#8A5A10;border:1px solid #E9C877;font-size:11px;padding:6px 10px;border-radius:10px}
@media print{.mockflag{display:none}}