*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1ec;color:#222b2d;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;line-height:1.75}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e09a38;outline-offset:3px}.mast{background:#222f34;color:#f5f3ee;border-bottom:6px solid #f3aa48}.top{max-width:1360px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-.7px}.brand em{color:#ffba59;font-style:normal}.navigation{display:flex;flex-wrap:wrap;gap:8px}.navigation a{font-size:13px;text-decoration:none;padding:8px 11px;border:1px solid #586268;border-radius:30px}.navigation a:hover{background:#405159}.wrap{max-width:1360px;padding:0 24px;margin:auto}.index-section{padding-top:28px}.section-head{border-top:2px solid #273337;display:flex;gap:14px;justify-content:space-between;align-items:end;padding:13px 0 20px;margin-top:0}.kicker{font-size:12px;color:#a45616;font-weight:800;letter-spacing:2px}.section-head h2,.section-head h1{font-size:clamp(24px,3vw,37px);margin:2px 0;font-weight:900;line-height:1.25}.section-head p{margin:0;font-size:14px;color:#647173}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.tile{background:white;border:1px solid #d4d6d1;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 0 #e2e1db}.tile-top{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e3e7e4;text-decoration:none}.tile-top .stamp{display:flex;flex-shrink:0;width:47px;height:50px;align-items:center;justify-content:center;border-radius:4px;background:#e9e4d8;color:#36474b;font-size:21px;font-weight:900}.tile-top strong{font-size:18px;line-height:1.3}.tile-top small{display:block;color:#7b827e;font-size:11px;font-weight:700}.explain{margin:13px 18px 11px;padding:13px 15px;background:#eff4f1;border-left:4px solid #2d766b;font-size:14px;min-height:80px;line-height:1.65}.code-row{margin:0 18px 14px;display:flex;gap:7px;align-items:stretch}.code-row code{flex:1;min-width:0;overflow-wrap:anywhere;border:1px dashed #bdc7c4;padding:10px;font-size:12px;line-height:1.6;background:#f9f9f6}.btn{border:0;background:#25695e;color:#fff;font:inherit;cursor:pointer;border-radius:4px;padding:10px 14px;text-decoration:none;text-align:center;font-size:13px;font-weight:800}.btn.second{background:#334147}.btn.ghost{color:#2b544e;background:#e1ece8}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 18px 18px}.details{padding:0 18px 16px;text-align:right;font-size:13px;color:#406b61;text-decoration:underline}.intro{margin:26px 0 36px;padding:28px 30px;background:#dfe9e3;border-left:7px solid #266b60}.intro h1,.intro h2{font-size:clamp(26px,3.2vw,40px);margin:0 0 8px;line-height:1.3}.intro p{margin:8px 0}.article{max-width:1000px;margin:32px auto 54px;background:#fff;border:1px solid #d4d7d1;padding:clamp(20px,4vw,54px);border-radius:8px}.article h2{line-height:1.3;margin:36px 0 16px;font-size:25px;border-bottom:1px solid #dce3df;padding-bottom:12px}.article h3{font-size:18px;margin-top:23px}.article p{font-size:15px;color:#3a4547}.article li{margin:9px 0}.article table{width:100%;border-collapse:collapse;font-size:14px}.article th,.article td{padding:11px;border:1px solid #d5dcd7;text-align:left;vertical-align:top}.article th{background:#edf4f0}.article .note{padding:20px;background:#f5f5ed;border-left:4px solid #cf9652}.faq details{border-bottom:1px solid #d7ddd9;padding:15px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-bottom:0}.detail-hero{margin:24px 0 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);border-radius:8px;overflow:hidden;border:1px solid #cfd4ce;background:#fff}.detail-left{background:#23453f;color:#fff;padding:30px}.detail-left .kicker{color:#ffd699}.detail-left h1{font-size:clamp(28px,3.5vw,42px);line-height:1.2;margin:6px 0 24px}.detail-left .code-large{color:#ffe0a0;background:#173b35;padding:15px;border:1px dashed #a9c4b7;overflow-wrap:anywhere;display:block}.detail-right{padding:26px}.detail-right .explain{margin:8px 0 22px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.related .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.related .tile .explain{font-size:12px;min-height:94px}.related .tile-top strong{font-size:15px}.foot{background:#25343a;color:#dee7e0;padding:30px 24px;font-size:13px}.foot p{max-width:1100px;margin:8px auto}.jump{display:block;padding:15px 0;color:#266b60}.tiny{color:#66716d;font-size:12px}button:hover,.btn:hover{filter:brightness(1.1)}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.wrap{padding:0 13px}.top{padding:16px 13px}.brand{font-size:21px}.cards,.related .cards{grid-template-columns:1fr;gap:12px}.tile-top{padding:12px 14px}.explain{min-height:0;margin:10px 14px}.code-row{margin:0 14px 12px}.actions{padding:0 14px 14px}.intro{padding:20px;margin:17px 0}.article{margin:20px auto;padding:21px}.detail-hero{grid-template-columns:1fr}.detail-left,.detail-right{padding:22px}.section-head{align-items:start;flex-direction:column}.navigation{gap:4px}.navigation a{padding:5px 9px;font-size:12px}}