:root{--cork:#c8a97e;--cork-d:#a88659;--cork-l:#d9bf98;--paper:#fffef7;--ink:#1f2937;--ink-2:#4b5563;--pin:#dc2626;--blue:#2563eb;--blue-d:#1d4ed8;--green:#16a34a;--rule:#bfdbfe;--margin:#fca5a5;--shadow:0 1px 2px rgba(60,40,20,.18),0 3px 8px rgba(60,40,20,.12)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cork);color:var(--ink);font:400 17px/1.65 Rubik,system-ui,sans-serif;
 background-image:radial-gradient(circle at 20% 30%,rgba(120,85,45,.18) 0 1.5px,transparent 2px),radial-gradient(circle at 70% 80%,rgba(255,240,210,.25) 0 1.2px,transparent 2px),radial-gradient(circle at 45% 60%,rgba(110,78,40,.14) 0 1px,transparent 1.6px);
 background-size:23px 19px,31px 27px,17px 13px}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-d)}
a:hover{color:var(--pin)}
.kalam{font-family:Kalam,'Comic Sans MS',cursive}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
/* kepala */
.tophead{background:var(--paper);border-bottom:3px solid var(--cork-d);box-shadow:var(--shadow)}
.tophead .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding-top:8px;padding-bottom:8px}
.brandmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.2rem;min-height:44px}
.brandmark svg{flex:none}
.brandmark b{color:var(--pin);font-weight:700}
.navrail{display:flex;flex-wrap:wrap;gap:2px 4px;margin:0;padding:0;list-style:none}
.navrail a{display:inline-flex;align-items:center;min-height:40px;padding:4px 10px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:.95rem}
.navrail a:hover,.navrail a[aria-current]{background:#eff6ff;color:var(--blue-d)}
/* jalur remah */
.crumbs{font-size:.9rem;color:#3b2a14;margin:18px 0 6px}
.crumbs a{color:#1e3a8a}
/* papan umum */
main{display:block;padding-bottom:40px}
.strip{position:relative;background:var(--paper);box-shadow:var(--shadow);padding:22px 22px 18px;margin:14px 0 22px;border-radius:2px}
.strip h1{font-size:1.75rem;line-height:1.25;margin:4px 0 10px}
.strip p{margin:.55em 0}
.pinsvg{position:absolute;top:-10px;left:50%;margin-left:-11px;width:22px;height:26px}
.memo-tag{display:inline-block;font-family:Kalam,cursive;color:var(--pin);font-size:1.05rem;transform:rotate(-2deg)}
.shot{margin:0 0 24px;background:var(--paper);padding:8px 8px 4px;box-shadow:var(--shadow)}
.shot figcaption{font-size:.85rem;color:var(--ink-2);padding:6px 4px}
/* kartu indeks emiten */
.corkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:30px 26px;margin:10px 0 30px}
.ixc{position:relative;background:var(--paper);box-shadow:var(--shadow);padding:26px 18px 16px;border-top:6px solid var(--blue);
 background-image:linear-gradient(transparent 0 calc(100% - 1px),var(--rule) 0);background-size:100% 1.9rem;background-position:0 4.2rem}
.ixc:nth-child(3n+1){transform:rotate(-1.2deg)}
.ixc:nth-child(3n+2){transform:rotate(.9deg);border-top-color:var(--green)}
.ixc:nth-child(3n){transform:rotate(-.5deg);border-top-color:var(--pin)}
.ixc h2{font-family:Kalam,cursive;font-size:1.9rem;line-height:1.1;margin:0}
.ixc .corp{font-weight:500;margin:2px 0 10px;font-size:.98rem}
.ixc dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 10px;font-size:.9rem;background:#f8fafc;padding:8px 10px;border-left:3px solid var(--cork-d)}
.ixc dt{font-weight:500;color:var(--ink-2)}
.ixc dd{margin:0}
.ixc p{margin:.5em 0;font-size:.97rem}
.ixc .side{font-family:Kalam,cursive;font-size:1.02rem;color:#1e3a8a;line-height:1.45}
.ixc .side span{color:var(--pin);font-weight:700}
.ixc .cek{font-size:.92rem;background:#f0fdf4;border:1px dashed var(--green);padding:8px 10px;border-radius:4px}
.ixc .cek b{font-family:Kalam,cursive;font-weight:700;color:var(--green)}
.ixc .pinsvg{left:26px;margin-left:0}
/* catatan harga */
.pricenote{background:#eff6ff;border-left:5px solid var(--blue);padding:14px 18px;margin:0 0 26px;box-shadow:var(--shadow)}
.pricenote h2{font-size:1.2rem;margin:0 0 6px}
.pricenote p{margin:.4em 0}
/* tanya jawab */
.qa{background:var(--paper);box-shadow:var(--shadow);padding:20px 22px;margin:0 0 26px}
.qa h2{margin:0 0 10px;font-size:1.35rem}
.qa h3{font-size:1.02rem;margin:14px 0 4px;color:var(--blue-d)}
.qa p{margin:0}
.riskslip{font-family:Kalam,cursive;font-size:1.08rem;background:#fef2f2;border:2px solid var(--pin);padding:12px 16px;margin:0 0 26px;transform:rotate(-.4deg)}
.boardnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:var(--blue);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;box-shadow:0 2px 0 var(--blue-d)}
.btn:hover{background:var(--blue-d);color:#fff}
.btn.ghost{background:var(--paper);color:var(--blue-d);border:2px solid var(--blue)}
/* beranda */
.boardwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:34px 24px;margin:8px 0 34px}
.deck{position:relative;background:var(--paper);box-shadow:var(--shadow);padding:24px 16px 16px;display:flex;flex-direction:column}
.deck:nth-child(4n+1){transform:rotate(1deg)}
.deck:nth-child(4n+2){transform:rotate(-1.4deg)}
.deck:nth-child(4n+3){transform:rotate(.4deg)}
.deck:nth-child(4n){transform:rotate(-.7deg)}
.deck h3{font-family:Kalam,cursive;font-size:1.45rem;margin:0;line-height:1.2}
.deck .nomor{font-family:Kalam,cursive;color:var(--pin);font-size:1rem}
.deck .tema{font-size:.92rem;color:var(--ink-2);margin:4px 0 10px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.chips li{font-weight:700;font-size:.9rem;letter-spacing:.04em;border:1.5px solid var(--ink);padding:1px 7px;border-radius:3px;background:#fff}
.deck .btn{margin-top:auto;align-self:flex-start}
.sechead{background:var(--paper);display:inline-block;padding:6px 16px;box-shadow:var(--shadow);font-size:1.4rem;margin:8px 0 18px;transform:rotate(-.6deg)}
.twocol{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:start;margin-bottom:30px}
.tallycard{background:var(--paper);box-shadow:var(--shadow);padding:20px;position:relative}
.tallycard h3{font-family:Kalam,cursive;font-size:1.4rem;margin:0 0 8px}
.tallyrow{display:grid;grid-template-columns:9.5rem 1fr 2.2rem;align-items:center;gap:8px;margin:6px 0;font-size:.93rem}
.tallybar{height:14px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 7px);border-bottom:2px solid var(--pin)}
.tallyrow b{font-family:Kalam,cursive;font-size:1.2rem;text-align:right}
.threads{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:0 0 30px}
.thread{background:var(--paper);box-shadow:var(--shadow);padding:16px;border-left:5px solid var(--pin)}
.thread h3{font-size:1.05rem;margin:0 0 6px}
.thread p{margin:.3em 0;font-size:.93rem}
.statuslist{list-style:none;padding:0;margin:8px 0}
.statuslist li{padding:6px 0;border-bottom:1px dashed var(--cork-d);font-size:.95rem}
.sheets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin:0 0 30px}
.sheet{background:var(--paper);box-shadow:var(--shadow);padding:18px 18px 16px 34px;position:relative;
 background-image:linear-gradient(90deg,transparent 22px,var(--margin) 22px 24px,transparent 24px),linear-gradient(transparent 0 calc(100% - 1px),var(--rule) 0);background-size:100% 100%,100% 1.75rem}
.sheet h3{font-size:1.1rem;margin:0 0 6px}
.sheet p{margin:.3em 0 .8em;font-size:.95rem}
/* artikel kertas bergaris */
.lined{background-color:var(--paper);box-shadow:var(--shadow);padding:28px 28px 28px 64px;margin:14px 0 26px;position:relative;
 background-image:linear-gradient(90deg,transparent 44px,var(--margin) 44px 46px,transparent 46px),linear-gradient(transparent 0 calc(100% - 1px),var(--rule) 0);
 background-size:100% 100%,100% 1.8rem;line-height:1.8rem}
.lined h1{font-size:1.8rem;line-height:1.3;margin:0 0 14px}
.lined h2{font-size:1.35rem;margin:1.8rem 0 .4rem;color:var(--blue-d)}
.lined h3{font-size:1.1rem;margin:1.2rem 0 .2rem}
.lined p,.lined li{margin:0 0 .9rem}
.lined .lead{font-size:1.07rem;font-weight:500}
.lined .meta{font-size:.88rem;color:var(--ink-2)}
.lined figure{margin:1rem 0 1.4rem}
.tblwrap{overflow-x:auto;margin:0 0 1.2rem;background:#fff;box-shadow:0 0 0 1px #e5e7eb}
table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.45}
th,td{border:1px solid #d1d5db;padding:7px 9px;text-align:left;vertical-align:top}
th{background:#fef3c7}
.inknote{font-family:Kalam,cursive;font-size:1.08rem;color:#7f1d1d;background:#fef2f2;border-left:4px solid var(--pin);padding:8px 14px;margin:1.2rem 0}
/* kaki */
.foot{background:#3b2a14;color:#f5ead7;margin-top:30px;padding:26px 0 30px;font-size:.93rem}
.foot a{color:#fde68a;display:inline-flex;align-items:center;min-height:32px;padding:2px 0}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.foot .lbl{font-family:Kalam,cursive;font-size:1.15rem;color:#fff;margin:0 0 4px}
.foot ul{list-style:none;margin:0;padding:0}
.foot .small{margin-top:18px;font-size:.85rem;color:#e7d8bd}
@media (max-width:760px){
 body{font-size:16px}
 .ixc,.deck,.riskslip,.sechead{transform:none!important}
 .twocol{grid-template-columns:1fr}
 .corkgrid{grid-template-columns:1fr;gap:26px}
 .lined{padding:20px 16px 20px 30px;background-image:linear-gradient(90deg,transparent 18px,var(--margin) 18px 19px,transparent 19px),linear-gradient(transparent 0 calc(100% - 1px),var(--rule) 0)}
 .strip h1,.lined h1{font-size:1.45rem}
 .tallyrow{grid-template-columns:7.4rem 1fr 2rem}
 .strip{padding:20px 16px 14px}
 .qa{padding:18px 16px}
}