.guide-library{padding-top:0}
.guide-library-lead{max-width:720px;margin:-20px 0 28px;color:var(--muted);font-size:14px}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guide-card-grid>a{display:flex;flex-direction:column;min-height:250px;padding:28px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--orange);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.guide-card-grid>a:nth-child(2){border-top-color:var(--green)}
.guide-card-grid>a:nth-child(3){border-top-color:#7770a7}
.guide-card-grid>a:hover,.guide-card-grid>a:focus-visible{transform:translateY(-4px);box-shadow:7px 7px 0 var(--navy)}
.guide-card-grid small,.article-hero>span,.article-next>span{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:2px}
.guide-card-grid h3{margin:12px 0 10px;font:800 21px/1.5 Georgia,"Noto Serif JP",serif}
.guide-card-grid p{margin:0;color:var(--muted);font-size:12px}
.guide-card-grid a>span{margin-top:auto;padding-top:22px;font-size:11px;font-weight:900}
.article-main{overflow:visible}
.article-shell{max-width:1000px;margin:46px auto 90px;padding:0 24px}
.article-hero{position:relative;overflow:hidden;padding:70px 64px;background:linear-gradient(120deg,#10203a,#1d3357);color:#fff;border-bottom:7px solid var(--orange);box-shadow:12px 12px 0 #d9d4c6}
.article-hero:after{content:"Q";position:absolute;right:-20px;bottom:-115px;color:#ffffff09;font:900 320px Georgia;line-height:1}
.article-hero.habit{background:linear-gradient(120deg,#173c36,#2f6a58);border-bottom-color:#76a98a}
.article-hero.learning{background:linear-gradient(120deg,#272448,#55508d);border-bottom-color:#948ce0}
.article-hero.about{background:linear-gradient(120deg,#41231d,#8a3c27);border-bottom-color:#f19a58}
.article-hero h1{position:relative;z-index:1;margin:12px 0 20px;font:800 clamp(36px,6vw,62px)/1.3 Georgia,"Noto Serif JP",serif}
.article-hero p{position:relative;z-index:1;max-width:700px;margin:0 0 18px;color:#d5dce7;font-size:14px}
.article-hero small{position:relative;z-index:1;color:#9eacc0;font-size:10px}
.article-index{display:flex;flex-wrap:wrap;gap:9px;margin:40px 0 20px;padding:20px;background:#e6e2d8;border:1px solid var(--line)}
.article-index strong{width:100%;font-size:11px;letter-spacing:1px}
.article-index a{padding:6px 11px;background:var(--paper);border:1px solid var(--line);font-size:11px;text-decoration:none}
.article-shell>section{margin-top:20px;padding:44px 52px;background:var(--paper);border:1px solid var(--line)}
.article-shell>section h2{margin:0 0 18px;font:800 clamp(25px,4vw,34px)/1.45 Georgia,"Noto Serif JP",serif}
.article-shell>section h3{font:800 18px Georgia,"Noto Serif JP",serif}
.article-shell>section p{color:#4f596b;font-size:14px;line-height:2}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.method-grid>section{padding:23px;background:#f2f0ea;border-left:4px solid var(--orange)}
.method-grid>section h3{margin-top:0}
.method-grid>section p{margin-bottom:0;font-size:12px}
.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0;background:var(--line);border:1px solid var(--line)}
.comparison>div{display:grid;gap:5px;padding:20px;background:#f7f5ef;text-align:center}
.comparison b{color:var(--orange);font-size:12px;letter-spacing:1px}
.comparison span{color:var(--muted);font-size:11px}
.article-shell>.safety-section{margin-top:20px;padding:34px 44px;background:#fff4ed;border:0;border-left:7px solid var(--orange)}
.article-next{margin-top:35px;padding:46px;background:var(--navy);color:#fff;box-shadow:9px 9px 0 var(--orange)}
.article-next h2{margin:7px 0;font:800 28px Georgia,"Noto Serif JP",serif}
.article-next p{color:#b8c2d1;font-size:13px}
.article-next a{display:inline-block;margin-top:12px;padding:11px 20px;background:var(--orange);font-size:11px;font-weight:900;text-decoration:none}
.operator-list{margin:25px 0;border-top:1px solid var(--line)}
.operator-list div{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid var(--line)}
.operator-list dt,.operator-list dd{margin:0;padding:14px;font-size:13px}
.operator-list dt{font-weight:900;background:#f0ede5}
@media(max-width:800px){.guide-card-grid{grid-template-columns:1fr}.guide-card-grid>a{min-height:210px}.article-shell{margin-top:22px;padding:0 16px}.article-hero{padding:52px 30px}.article-shell>section{padding:34px 28px}.method-grid{grid-template-columns:1fr}}
@media(max-width:520px){.article-shell{padding:0 12px}.article-hero{padding:42px 22px}.article-hero h1{font-size:34px}.article-index{padding:15px}.article-shell>section{padding:28px 20px}.comparison{grid-template-columns:1fr}.operator-list div{grid-template-columns:1fr}.operator-list dd{padding-top:4px}.article-next{padding:32px 24px}.article-next h2{font-size:25px}}