/* Quiet navigation: arrows support the text rather than competing with it. */
.article-row .row-arrow,.article-row:hover .row-arrow,.quick-list b,.about-box>a>span{background:transparent;color:#66805e;border:0;box-shadow:none;transform:none;border-radius:0;width:20px;height:24px;font-size:24px;font-weight:400}.article-row:hover .row-arrow{color:#285b49}.categories .arrow{background:transparent;color:var(--accent);box-shadow:none;font-size:23px}.read-link b,.feature-card:hover .read-link b{background:transparent;color:#e5efc9;box-shadow:none;transform:none;width:24px;font-size:23px}.note-mark,.paper-bottom i{display:none}.bottom-note{justify-content:space-between}.article-row{padding-top:21px;padding-bottom:21px}.article-row:hover{background:#f9faf6}.guide-meta{display:flex;gap:14px;flex-wrap:wrap;color:#6e7b64;font-size:12px;border-bottom:1px solid #e0e6d7;padding-bottom:18px;margin-bottom:24px}.guide-summary{background:#f2f6ea;border:1px solid #d8e3ca;border-radius:10px;padding:22px 25px;margin-bottom:26px}.guide-summary h2{margin:0 0 10px;font-size:19px}.guide-summary p{margin:0;font-size:16px}.guide-toc{display:flex;gap:9px 17px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #e1e6d7;margin-bottom:30px;font-size:13px}.guide-toc a{color:#4d6742;text-decoration:underline;text-underline-offset:4px}.step-list{padding-left:23px}.step-list li{padding:0 0 17px 6px}.step-list strong{display:block;color:#283f30}.step-list p{margin:5px 0 0}.faq-box{border-top:1px solid #dde5d3}.faq-box details{padding:17px 0;border-bottom:1px solid #dde5d3}.faq-box summary{cursor:pointer;font-size:16px;font-weight:600;line-height:1.7}.faq-box p{font-size:15px;margin-bottom:0}.source-box ul{padding-left:18px}.source-box li{font-size:14px;margin:10px 0}.source-box a{overflow-wrap:anywhere}.guide-example{border-left:3px solid #c3a47b;padding:4px 0 4px 20px}.reading .guide-example p{font-size:16px}.category-index{margin:40px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.category-group{border:1px solid #dae3d1;border-radius:10px;padding:23px;background:#fcfdf9}.category-group h2{margin:0 0 15px;font-size:19px}.category-group h2 a{display:flex;align-items:center;justify-content:space-between}.category-group small{font-size:12px;color:#728463;font-weight:400}.category-group ul{padding:0;list-style:none;margin:0}.category-group li{padding:13px 0;border-top:1px solid #e5eadd;font-size:14px;line-height:1.7}.category-group li a:hover{text-decoration:underline;text-underline-offset:4px}.category-count{display:inline-block;font-size:10px;vertical-align:middle;margin-left:6px;color:var(--accent);font-weight:500}.show-more{border:1px solid #bdcfb0;border-radius:6px;padding:12px 24px;display:block;margin:23px auto 0;color:#375b2d;background:#f5f8f0;font-size:14px}.show-more[hidden]{display:none}.guide-note{padding:14px 18px;background:#f8f6ef;border-left:3px solid #baa47d}.reading .guide-note{font-size:14px}.navitem[aria-current=page]{color:#285b49;border-bottom:3px solid #b8724a}.guide-source-date{font-size:12px;color:#67745b}.category-intro{max-width:660px}.category-intro p{font-size:16px;line-height:1.9;color:#617157}.category-intro .category-keywords{font-size:12px;color:#879379}.reading .article-row{padding-left:0;padding-right:0}
@media(max-width:760px){.category-index{grid-template-columns:1fr;gap:15px}.category-group{padding:20px}.article-row .row-arrow{width:17px;height:22px;font-size:22px}.categories .arrow{font-size:22px}.reading .guide-summary p{font-size:15px}.guide-summary{padding:18px}.reading .step-list p{font-size:15px}.guide-toc{font-size:12px;gap:12px}.guide-meta{font-size:11px;gap:9px}.faq-box summary{font-size:15px}.source-box li{font-size:13px}}

.suggestions a { display:inline-flex; align-items:center; min-height:34px; padding:4px 12px; border:1px solid #cad8c9; border-radius:18px; color:#224f40; background:#f5f8f2; font-size:13px; font-weight:600; }
.quick-list > a { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:10px 3px; gap:12px; color:#26463c; font-size:15px; border-bottom:1px solid #d9e1d6; }
.suggestions a:hover, .quick-list > a:hover { color:#143c2d; background:#eef4e9; }
.suggestions a:focus-visible, .quick-list > a:focus-visible { outline:2px solid #285b49; outline-offset:2px; }
@media(max-width:760px){ .suggestions a { min-height:44px; } .suggestions { gap:6px; } }