.protection-hero{background:#f2e0bb}.protection-hero:before{background:radial-gradient(circle at 82% 23%,rgba(120,132,90,.23),transparent 27%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.25))}.protection-status{width:300px;padding:25px 27px;border:1px solid rgba(76,53,41,.16);border-radius:15px;background:#fffdf8c2;box-shadow:0 14px 35px #47302414}.protection-status>span{color:#967f70;font-size:9px;font-weight:800;letter-spacing:.16em}.protection-status>b{display:flex;align-items:center;gap:9px;margin:7px 0 18px;color:var(--bean);font-size:17px}.protection-status>b i{width:10px;height:10px;border-radius:50%;background:var(--matcha);box-shadow:0 0 0 5px #78845a21}.protection-status dl{display:grid;gap:6px;margin:0}.protection-status dl div{display:flex;justify-content:space-between;gap:20px;padding-top:7px;border-top:1px solid var(--line)}.protection-status dt{color:#8e7b70;font-size:10px}.protection-status dd{margin:0;color:var(--bean);font-size:11px;font-weight:800}.protection-body{padding:84px 0 120px;background:var(--paper)}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);align-items:start;gap:40px}.guide-toc{position:sticky;top:104px;max-height:calc(100dvh - 128px);overflow:auto;padding:24px 21px;border:1px solid var(--line);border-radius:14px;background:#faf5eb}.guide-toc>small{color:var(--anko);font-size:9px;font-weight:800;letter-spacing:.16em}.guide-toc h2{margin:2px 0 15px;padding-bottom:14px;color:var(--bean);border-bottom:1px solid var(--line);font-size:20px}.guide-toc nav{display:flex;flex-direction:column}.guide-toc nav a{padding:6px 8px;color:var(--ink-soft);border-radius:6px;font-size:11px;text-decoration:none}.guide-toc nav a:hover{color:var(--anko);background:#f1e5d3}.toc-help{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:10px 11px;color:#fff;border-radius:8px;background:var(--bean);font-size:11px;font-weight:700;text-decoration:none}.guide-content{min-width:0;padding:clamp(30px,5.5vw,65px);border:1px solid var(--line);border-radius:18px;background:#fffdfa;box-shadow:var(--shadow)}.guide-content section{scroll-margin-top:100px}.guide-content section+section{margin-top:70px;padding-top:66px;border-top:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:10px;margin-bottom:9px}.section-label span{display:grid;width:31px;height:31px;place-items:center;color:#fff;border-radius:8px;background:var(--anko);font-size:10px;font-weight:800}.section-label small{color:#a18475;font-size:9px;font-weight:800;letter-spacing:.15em}.guide-content h2{margin:0 0 18px;color:var(--bean);font-size:clamp(25px,3.5vw,34px);line-height:1.55}.guide-content p{color:#5f5047}.guide-content strong{color:#8d493b}.guide-content code{padding:.17em .43em;color:#7d4338;border-radius:5px;background:#f2e6d4;font:700 .9em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:27px 0;padding:0;list-style:none}.step-grid li{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#faf5eb}.step-grid>li>span{display:grid;width:31px;height:31px;place-items:center;color:#fff;border-radius:50%;background:var(--matcha);font-size:11px;font-weight:800}.step-grid b{display:block;color:var(--bean);font-size:13px}.step-grid p{margin:3px 0 0;font-size:10px;line-height:1.7}.notice{margin-top:24px;padding:16px 18px;border-left:4px solid var(--matcha);border-radius:8px;background:#f0f3e8}.notice.warning{border-left-color:var(--wafer);background:#fff5df}.notice b{color:var(--bean);font-size:13px}.notice p{margin:3px 0 0;font-size:12px}.target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.target-grid article{display:flex;gap:14px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#faf5eb}.target-grid article>span{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;color:#fff;border-radius:11px;background:var(--matcha);font-size:15px;font-weight:800}.target-grid h3{margin:0;color:var(--bean);font-size:15px}.target-grid p{margin:4px 0 0;font-size:11px;line-height:1.75}.type-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-list article{position:relative;padding:19px;border:1px solid var(--line);border-radius:12px;background:#faf5eb}.type-list article.recommended{border-color:#78845a6b;background:#f3f5eb}.type-list article.recommended:after{position:absolute;top:0;right:16px;padding:3px 8px;color:#fff;border-radius:0 0 6px 6px;background:var(--matcha);content:"おすすめ";font-size:8px;font-weight:800}.type-list header{display:flex;align-items:center;gap:11px}.type-list header>span{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:9px;background:var(--anko);font-size:13px;font-weight:800}.type-list h3{margin:0;color:var(--bean);font-size:17px}.type-list header small{display:block;color:#a08a7c;font-size:8px}.type-list p{min-height:49px;margin:12px 0 9px;font-size:11px}.small-note{margin-top:19px;padding:13px 15px;border-radius:8px;background:#faf2e5;font-size:11px}.small-note a{color:var(--anko);font-weight:800}.command-list{display:grid;gap:8px;margin-top:24px}.command-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#faf7f0}.command-list article>div{display:grid;grid-template-columns:minmax(205px,.9fr) 1.1fr;align-items:center;gap:7px 16px}.command-list article>div>code{grid-row:1/3}.command-list b{color:var(--bean);font-size:12px}.command-list p{margin:0;font-size:9px;line-height:1.6}.command-list button{min-width:76px;padding:8px 10px;color:var(--anko);border:1px solid rgba(155,81,65,.23);border-radius:7px;background:#fffdfa;font:700 10px/1.4 inherit;cursor:pointer}.command-list button:hover{color:#fff;background:var(--anko)}.copy-status{min-height:25px;margin:10px 0 0;color:var(--matcha)!important;font-size:11px}.share-example{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:25px 0;padding:22px;border-radius:13px;background:#3b2a25}.share-example>span{color:var(--wafer);font-size:25px}.share-example small{display:block;margin-bottom:7px;color:#d9b884;font-size:8px;font-weight:800;letter-spacing:.14em}.share-example code{color:#3b2a25;background:#f0c76e}.share-example b{display:block;color:#fff;font-size:15px}.share-example p{margin:7px 0 0;color:#e5d8d1;font-size:10px}.check-list{display:grid;gap:8px;padding:0;list-style:none}.check-list li{position:relative;padding-left:27px;color:#5f5047;font-size:12px}.check-list li:before{position:absolute;top:.42em;left:0;display:grid;width:17px;height:17px;place-items:center;color:#fff;border-radius:50%;background:var(--matcha);content:"✓";font-size:9px;font-weight:900}.land-card{display:grid;grid-template-columns:68px 1fr;gap:19px;padding:24px;border:1px solid rgba(120,132,90,.28);border-radius:14px;background:#f1f3e9}.land-card>span{display:grid;width:64px;height:64px;place-items:center;color:#fff;border-radius:16px;background:var(--matcha);font-size:20px;font-weight:800}.land-card h3{margin:0;color:var(--bean);font-size:18px}.land-card p{margin:7px 0 13px;font-size:12px}.land-card dl{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0}.land-card dl div{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(120,132,90,.2);border-radius:8px;background:#fffdf8b3}.land-card dt{color:#7d6b60;font-size:9px}.land-card dd{margin:0;color:var(--bean);font-size:11px;font-weight:800}.region-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:22px 0;padding:0;list-style:none}.region-steps li{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#faf7f0}.region-steps li>span{display:grid;width:31px;height:31px;place-items:center;color:#fff;border-radius:50%;background:var(--anko);font-size:11px;font-weight:800}.region-steps h3{margin:3px 0 5px;color:var(--bean);font-size:13px}.region-steps p{margin:0;font-size:10px;line-height:1.75}.region-steps button,.region-command-list button{margin-top:10px;padding:7px 9px;color:var(--anko);border:1px solid rgba(155,81,65,.22);border-radius:7px;background:#fffdfa;font:700 9px/1.4 inherit;cursor:pointer}.region-steps button:hover,.region-command-list button:hover{color:#fff;background:var(--anko)}.region-command-list{display:grid;gap:8px}.region-command-list article{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#faf7f0}.region-command-list b{color:var(--bean);font-size:11px}.region-command-list p{margin:2px 0 0;font-size:9px;line-height:1.6}.region-command-list button{min-width:64px;margin-top:0}.guide-section details{margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#faf7f0}.guide-section summary{padding:15px 18px;color:var(--bean);font-size:12px;font-weight:800;cursor:pointer}.guide-section details p{margin:0;padding:0 18px 17px;font-size:11px}.guide-section details[open] summary{color:var(--anko)}@media(max-width:950px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;max-height:none}.guide-toc nav{display:grid;grid-template-columns:repeat(3,1fr)}.protection-status{width:min(100%,370px)}}@media(max-width:720px){.step-grid,.region-steps,.target-grid,.type-list{grid-template-columns:1fr}.command-list article>div{grid-template-columns:1fr}.command-list article>div>code{grid-row:auto}.region-command-list article{grid-template-columns:1fr auto}.region-command-list article>code{grid-column:1/-1}.share-example{grid-template-columns:1fr}.share-example>span{transform:rotate(90deg);text-align:center}.guide-toc nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.guide-content{padding:31px 19px}.guide-content section+section{margin-top:50px;padding-top:48px}.command-list article,.region-command-list article{grid-template-columns:1fr}.command-list button,.region-command-list button{width:100%}.region-command-list article>code{grid-column:auto}.land-card{grid-template-columns:1fr}.land-card>span{width:48px;height:48px;border-radius:12px}.land-card dl{display:grid}.guide-toc nav{grid-template-columns:1fr 1fr}.protection-status{padding:20px}}
