:root{--g-ink:#1f2a24;--g-mut:#5d6b62;--g-line:#dfe6e0;--g-bg:#f6f8f5;--g-card:#fff;
--g-acc:#3f6d4e;--g-gold:#b8860b;--g-deep:#24382c;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--g-ink);background:var(--g-bg);line-height:1.55;-webkit-font-smoothing:antialiased}
.guide .w{max-width:1180px;margin:0 auto;padding:0 18px}
.guide .hero{background:linear-gradient(160deg,#1c3125 0%,#2f5741 55%,#4c7a58 100%);color:#fff;
padding:52px 0 42px}
.guide .hero .eyebrow{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.72;margin:0 0 12px}
.guide .hero h1{margin:0 0 10px;font-size:clamp(28px,4.6vw,44px);line-height:1.08;letter-spacing:-.015em;font-weight:800}
.guide .hero .sub{margin:0;max-width:760px;font-size:16.5px;opacity:.93}
.guide .facts{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:26px;padding-top:22px;
border-top:1px solid rgba(255,255,255,.18)}
.guide .facts div{font-size:13px;opacity:.9}
.guide .facts b{display:block;font-size:21px;letter-spacing:-.01em;opacity:1}
.guide nav.g-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
backdrop-filter:blur(8px);border-bottom:1px solid var(--g-line);padding:11px 0}
.guide nav.g-nav .w{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.guide nav.g-nav a{font-size:12.5px;text-decoration:none;color:var(--g-acc);background:#eef4ef;
border:1px solid #dce8df;padding:5px 10px;border-radius:6px;white-space:nowrap}
.guide nav.g-nav a:hover{background:#dfeee4}
.guide nav.g-nav .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--g-mut);margin-right:4px}
.guide section{padding:44px 0 8px}
.guide h2{font-size:clamp(21px,2.6vw,27px);margin:0 0 6px;color:var(--g-deep);letter-spacing:-.01em}
.guide .lede{color:var(--g-mut);max-width:860px;margin:0 0 22px;font-size:15.5px}
.guide .g-svg{background:#fff;border:1px solid var(--g-line);border-radius:11px;overflow:hidden;
margin:0 0 12px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.guide .g-cap{font-size:13px;color:var(--g-mut);margin:0 0 12px;max-width:880px}
.guide .panel{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:20px 22px;margin:0 0 16px}
.guide .panel h3{margin:0 0 8px;font-size:17px;color:var(--g-deep)}
.guide .panel p{margin:0 0 10px}
.guide .panel p:last-child{margin-bottom:0}
.guide .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide .three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide .rule{border-left:3px solid var(--g-gold);padding:2px 0 2px 15px;margin:16px 0;
background:linear-gradient(90deg,#fdf8ec,transparent 70%)}
.guide .rule b{color:#7a5a08}
.guide .warn{border-left:3px solid #b23b3b;padding:2px 0 2px 15px;margin:16px 0;
background:linear-gradient(90deg,#fdf0f0,transparent 70%)}
.guide .warn b{color:#8f2f2f}
.guide .g-key{display:flex;flex-direction:column;gap:5px;font-size:12.5px}
.guide .g-kc{display:flex;align-items:center;gap:8px;color:var(--g-ink);text-decoration:none;
border-radius:5px;padding:1px 4px;margin-left:-4px}
.guide a.g-kc:hover{background:#eef4ef;color:var(--g-acc)}
.guide .g-kc.g-off{opacity:.3}
.guide .g-kc b{min-width:15px;color:var(--g-mut);font-size:11px}
.guide .g-sw{width:13px;height:13px;border-radius:3px;border:1px solid;display:inline-block;flex:0 0 auto}
.guide .g-garden{background:#fff;border:1px solid var(--g-line);border-radius:14px;
padding:26px 26px 24px;margin:0 0 26px;scroll-margin-top:64px}
.guide .g-gh{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--g-line);
padding-bottom:16px;margin-bottom:16px}
.guide .g-gn{flex:0 0 auto;width:44px;height:44px;border-radius:10px;background:var(--g-deep);
color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800}
.guide .g-gh h3{margin:0;font-size:23px;color:var(--g-deep);letter-spacing:-.01em}
.guide .g-tag{margin:3px 0 0;font-size:13px;color:var(--g-mut)}
.guide .g-idea{font-size:15.5px;max-width:880px;margin:0 0 22px}
.guide .g-h4{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--g-mut);
margin:24px 0 8px;font-weight:700}
.guide .g-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-top:6px}
.guide .g-why{margin:0;padding-left:18px;font-size:14px}
.guide .g-why li{margin-bottom:7px}
.guide .g-risk{font-size:13.5px;color:var(--g-mut);margin:12px 0 0;padding-top:10px;
border-top:1px solid var(--g-line)}
.guide table.g-tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin:2px 0 10px}
.guide table.g-tbl th{text-align:left;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
color:var(--g-mut);border-bottom:1px solid var(--g-line);padding:0 8px 7px 0;font-weight:700}
.guide table.g-tbl td{padding:8px 8px 8px 0;border-bottom:1px solid #eef1ee;vertical-align:middle}
.guide table.g-tbl .r{text-align:right;padding-right:0}
.guide table.g-tbl th.r{text-align:right}
.guide .g-cat{color:var(--g-mut);font-size:12.5px}
.guide .g-cat a{color:inherit;text-decoration:none;border-bottom:1px dotted #c3d6c8}
.guide .g-cat a:hover{color:var(--g-acc)}
.guide .g-dim{color:var(--g-mut);font-size:12.5px}
.guide .g-code{font-size:10.5px;background:#eef3ef;border:1px solid #dde7e0;border-radius:4px;
padding:1px 5px;color:var(--g-acc);font-weight:700;margin-left:3px}
.guide tr.g-sum td{border-top:2px solid var(--g-line);border-bottom:none;font-weight:700;padding-top:10px}
.guide tr.g-sub td{border-bottom:none;color:var(--g-mut);font-size:12.5px;padding:3px 8px 3px 0}
.guide tr.g-grand td{border-top:1px solid var(--g-line);border-bottom:none;font-weight:800;
font-size:15px;color:var(--g-deep);padding-top:9px}
.guide .g-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.guide .g-tw table.g-tbl{min-width:340px}
.guide .g-board{border:1px solid var(--g-line);border-radius:11px;overflow:hidden;
margin:0 0 12px;background:#f2f0e9;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.guide .g-board img{width:100%;height:auto;display:block}
.guide .g-noboard{border:1px dashed #ccd6ce;border-radius:11px;padding:20px 22px;margin:0 0 12px;
background:#fafcfa;color:var(--g-mut);font-size:13.5px}
.guide .g-noboard b{color:var(--g-ink);display:block;margin-bottom:2px}
.guide a.g-pl{color:inherit;text-decoration:none;border-bottom:1px solid #c3d6c8}
.guide a.g-pl:hover{color:var(--g-acc);border-bottom-color:var(--g-acc)}
.guide .g-ext{font-size:.72em;opacity:.5;margin-left:2px;vertical-align:super}
.guide a.g-pl:hover .g-ext{opacity:1}
.guide table.g-comp .g-pl{color:var(--g-mut)}
.guide .g-fine{font-size:12px;color:var(--g-mut);margin:4px 0 0;max-width:880px}
.guide table.g-comp td{vertical-align:top}
.guide table.g-comp a{color:var(--g-deep);text-decoration:none}
.guide table.g-comp a:hover{text-decoration:underline}
.guide .steps{counter-reset:s;list-style:none;padding:0;margin:0}
.guide .steps li{counter-increment:s;position:relative;padding-left:38px;margin-bottom:14px;font-size:14.5px}
.guide .steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:24px;height:24px;
border-radius:6px;background:#eef4ef;border:1px solid #dce8df;color:var(--g-acc);font-size:12px;
font-weight:800;display:flex;align-items:center;justify-content:center}
.guide .steps b{display:block;color:var(--g-deep)}
.guide .cal{width:100%;border-collapse:collapse;font-size:14px}
.guide .cal td{padding:10px 10px 10px 0;border-bottom:1px solid #eef1ee;vertical-align:top}
.guide .cal td:first-child{width:150px;font-weight:700;color:var(--g-deep);font-size:13px}
.guide .refhead{background:var(--g-deep);color:#fff;padding:30px 0 26px;margin-top:40px}
.guide .refhead h2{color:#fff;margin:0 0 6px}
.guide .refhead p{margin:0 0 8px;opacity:.9;max-width:840px;font-size:14.5px}
.guide .refhead p:last-child{margin-bottom:0}
.guide .refhead .refstats{font-size:13px;opacity:.75}
.guide .refhead .refnote{font-size:13px;opacity:.8;border-left:2px solid rgba(255,255,255,.28);
padding-left:12px;margin-top:12px}
.guide footer.g-foot{padding:34px 0 60px;color:var(--g-mut);font-size:13px}
.ref{margin:0}
.ref .usedin{display:flex;align-items:center;gap:5px;margin:-2px 0 0;font-size:11px;
color:var(--g-mut)}
.ref .usedin span{letter-spacing:.07em;text-transform:uppercase;font-size:9.5px;font-weight:700;
color:#8c968d}
.ref .usedin a{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;
border-radius:5px;background:#24382c;color:#fff;font-size:10.5px;font-weight:800;
text-decoration:none}
.ref .usedin a:hover{background:#3f6d4e}
.ref section h2{display:flex;align-items:center;gap:9px}
.ref section h2 .g-sw{width:13px;height:13px;border-radius:3px;border:1px solid;flex:0 0 auto}
.ref nav.toc{position:static;padding:18px 0 4px;background:transparent;border-bottom:0}
.ref nav.toc a{display:inline-flex;align-items:center;gap:7px}
.ref nav.toc a .g-sw{width:11px;height:11px;border-radius:3px;border:1px solid;flex:0 0 auto}
.ref .legend{background:#fff;border-radius:12px;border:1px solid var(--g-line);margin:18px 0 0}
@media(max-width:860px){
 .guide .two,.guide .three,.guide .g-cols{grid-template-columns:1fr}
 .guide .g-garden{padding:18px 14px}
 .guide table.g-tbl{font-size:12.5px}
 .guide table.g-comp thead{display:none}
 .guide table.g-comp td{display:block;padding:2px 0;border:none}
 .guide table.g-comp tr{display:block;border-bottom:1px solid var(--g-line);padding:12px 0}
}
@media print{.guide nav.g-nav{display:none}.guide .g-garden{break-inside:avoid}}


.guide .selnote p{font-size:13.5px;margin:0}
.guide .selpanel{padding:16px 16px 12px}
.guide .ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.guide .ctl input,.guide .ctl select{font:inherit;font-size:13px;padding:7px 10px;
border:1px solid var(--g-line);border-radius:7px;background:#fff;color:var(--g-ink)}
.guide .ctl input{flex:1 1 200px;min-width:150px}
.guide .ctl input:focus-visible,.guide .ctl select:focus-visible,
.guide .chip:focus-visible{outline:2px solid var(--g-acc);outline-offset:1px}
.guide .chip{font:inherit;font-size:12.5px;padding:7px 11px;border:1px solid #dce8df;
border-radius:7px;background:#eef4ef;color:var(--g-acc);cursor:pointer}
.guide .chip:hover{background:#dfeee4}
.guide .chip[aria-pressed="true"]{background:var(--g-deep);border-color:var(--g-deep);color:#fff}
.guide .chip.clear{background:#fff;border-color:var(--g-line);color:var(--g-mut)}
.guide .cnt{font-size:12px;color:var(--g-mut);margin-left:auto}
.guide .seltw{max-height:74vh;overflow:auto}
.guide table.seltbl{font-size:12.5px;min-width:1080px}
.guide table.seltbl thead th{position:sticky;top:0;background:#fff;z-index:2;
box-shadow:0 1px 0 var(--g-line);padding:9px 8px 8px 0}
.guide table.seltbl td{padding:9px 8px 9px 0;vertical-align:top}
.guide table.seltbl tr:hover td{background:#fbfdfb}
.guide .c-sw{width:16px;padding-top:12px!important}
.guide .c-nm{min-width:255px}
.guide .nmrow{display:flex;gap:9px;align-items:flex-start}
.guide .nmrow .th{flex:0 0 auto;width:42px;height:42px;border-radius:6px;overflow:hidden;
background:#eef1ec;display:block}
.guide .nmrow .th img{width:42px;height:42px;object-fit:cover;display:block}
.guide .c-nm a{color:var(--g-ink);font-weight:700;text-decoration:none}
.guide .c-nm a:hover{color:var(--g-acc);text-decoration:underline}
.guide .c-nm .star{color:var(--g-gold);font-size:11px}
.guide .c-nm .nt{color:var(--g-mut);font-size:11.5px;margin-top:2px;max-width:260px;line-height:1.4}
.guide .c-nm .pl{display:inline-flex;gap:3px;margin-left:5px;vertical-align:1px}
.guide .c-nm .pl a{display:inline-flex;align-items:center;justify-content:center;width:15px;
height:15px;border-radius:4px;background:#24382c;color:#fff;font-size:9.5px;font-weight:800}
.guide .c-nm .pl a:hover{background:var(--g-acc);text-decoration:none}
.guide .c-cat a{color:var(--g-mut);text-decoration:none;font-size:11.5px}
.guide .c-cat a:hover{color:var(--g-acc);text-decoration:underline}
.guide .c-col,.guide .c-sz,.guide .c-sp,.guide .c-li{color:var(--g-mut);font-size:11.5px;
white-space:nowrap}
.guide .fit,.guide .zn{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;
border-radius:20px;white-space:nowrap;letter-spacing:.02em}
.guide .fit.y{background:#e5f4e8;color:#2c6b40} .guide .fit.v{background:#eee7f7;color:#5b3f8a}
.guide .fit.t{background:#fdf1d8;color:#8a6510}
.guide .fit.n{background:#fbeaea;color:#b23b3b}
.guide .zn.e{background:#fdf1d8;color:#8a6510} .guide .zn.s{background:#e6edf4;color:#2f4d6b}
.guide .zn.a{background:#eef1ee;color:#5d6b62}
.guide .c-pr{text-align:right;white-space:nowrap}
.guide .c-pr b{font-size:13px}
.guide .c-pr .b{display:block;font-size:9.5px;font-weight:700;margin:2px 0 3px;
text-transform:uppercase;letter-spacing:.04em}
.guide .c-pr .b.in{color:#2c6b40} .guide .c-pr .b.out{color:#b23b3b}
.guide .c-pr .szs{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}
.guide .c-pr .sz{font-size:9.5px;padding:1px 5px;border-radius:20px;border:1px solid var(--g-line)}
.guide .c-pr .sz.in{background:#eef6ef;color:#2c6b40;border-color:#cfe6d5}
.guide .c-pr .sz.out{background:#f5f2f0;color:#a09590;text-decoration:line-through}
.guide .nores{font-size:13.5px;color:var(--g-mut);padding:18px 2px 6px}
.guide .lnk{font:inherit;font-size:13.5px;background:none;border:0;color:var(--g-acc);
text-decoration:underline;cursor:pointer;padding:0}
@media(max-width:860px){.guide .cnt{margin-left:0;width:100%}}

.ref{--ink:#1f2a24;--muted:#5d6b62;--line:#dfe6e0;--bg:#f6f8f5;--card:#fff;--accent:#3f6d4e;--gold:#b8860b;}.ref *{box-sizing:border-box}.ref{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}.ref header{background:linear-gradient(135deg,#2f5741,#4c7a58);color:#fff;padding:34px 22px}.ref .wrap{max-width:1180px;margin:0 auto;padding:0 18px}.ref header h1{margin:0 0 6px;font-size:30px}.ref header p{margin:4px 0;opacity:.95;max-width:820px}.ref .stats{margin-top:14px;font-size:14px;opacity:.95}.ref .legend{background:#fff;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;color:var(--muted)}.ref .legend .wrap{display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center}.ref .legend b{color:var(--ink)}.ref .sz{display:inline-block;font-size:12px;padding:2px 7px;border-radius:20px;margin:2px 4px 2px 0;border:1px solid var(--line)}.ref .sz.in{background:#eef6ef;color:#2c6b40;border-color:#cfe6d5}.ref .sz.out{background:#f3f0ee;color:#9a8f88;text-decoration:line-through;border-color:#e6ddd8}.ref .b{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.ref .b.in{background:#e5f4e8;color:#2c6b40}.ref .b.out{background:#fbeaea;color:#b23b3b}.ref .star{color:var(--gold);font-size:12px;font-weight:700;white-space:nowrap}.ref nav.toc{background:#fff;border-bottom:1px solid var(--line);padding:16px 0}.ref nav.toc h3{margin:0 0 8px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ref nav.toc div{display:flex;flex-wrap:wrap;gap:8px}.ref nav.toc a{font-size:13px;text-decoration:none;color:var(--accent);background:#eef4ef;border:1px solid #dce8df;padding:5px 10px;border-radius:6px}.ref nav.toc a:hover{background:#e0ede3}.ref section{padding:26px 0 6px}.ref section h2{font-size:22px;margin:0 0 4px;color:var(--accent)}.ref .cdesc{margin:0 0 16px;color:var(--muted);max-width:900px}.ref .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.ref .card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.03)}.ref .card.soldout{opacity:.82}.ref .ph{aspect-ratio:4/3;background:#ecefe9;display:flex;align-items:center;justify-content:center;overflow:hidden}.ref .ph img{width:100%;height:100%;object-fit:cover;display:block}.ref .noimg{font-size:12px;color:#8a938b;text-align:center;padding:14px;text-decoration:none}.ref .body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px}.ref .nm{font-weight:700;font-size:15px;line-height:1.25}.ref .nm a{color:var(--ink);text-decoration:none}.ref .nm a:hover{text-decoration:underline}.ref .meta{display:flex;align-items:center;gap:8px}.ref .from{font-weight:700;color:var(--accent);font-size:14px}.ref .sizes{margin:-2px 0 0}.ref .note{font-size:12.5px;color:var(--muted)}.ref table.spec{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:2px}.ref table.spec td{padding:3px 0;vertical-align:top;border-top:1px solid #eef1ee}.ref table.spec td:first-child{color:var(--muted);width:42%;padding-right:8px}.ref footer{padding:30px 0 50px;color:var(--muted);font-size:13px}.ref footer a{color:var(--accent)}@media print{.ref{background:#fff}.ref header{background:#2f5741 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ref nav.toc{display:none}.ref .card{break-inside:avoid;box-shadow:none}.ref section{break-before:auto}.ref .grid{grid-template-columns:repeat(3,1fr)}}