/* Zoroya intro-06 / links-06 principles: clear groups, quiet cards, concise routes. */
.tree-study #root-words,.tree-study #resonance-detail,.tree-study #changes{padding:28px 0;margin:0;border-top:1px solid #dfccc3}
.tree-study .lt-section>.lt-number{margin:0 0 7px;font-size:13px;line-height:1.7}
.tree-study .lt-section>h2{margin:0 0 16px;line-height:1.65;text-wrap:balance}
.tree-study .lt-section .lt-reading{max-width:850px;margin:0}
.tree-study .lt-section .lt-reading>p{margin:0 0 13px;font-size:16px;line-height:1.9}
#root-words .lt-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;max-width:none}
#root-words .lt-terms>div{display:block;min-width:0;border:1px solid #dfccc3;border-radius:9px;background:#fffdf9;margin:0;padding:16px 18px}
#root-words .lt-terms>div.lt-focus-term{background:#f3e7e4;border-color:#b68c91}
#root-words .lt-terms dt{font:500 16px/1.7 'Noto Sans JP',sans-serif;margin:0 0 8px;color:#795259;display:block}
#root-words .lt-terms dt:before{content:attr(data-term-number);display:inline-block;margin-right:9px;font-size:12px;color:#9b7378}
#root-words .lt-terms dd{margin:0;font-size:15px;line-height:1.85;color:#453935}
#resonance-detail .resonance-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none}
#resonance-detail .resonance-points>p{padding:16px 18px;border-top:2px solid #b28a8e;background:#f6eee8;margin:0;min-width:0}
#resonance-detail .resonance-points>p:last-child{grid-column:1/-1;background:transparent;border:1px solid #dfccc3}
.point-label{display:block;color:#795259;font-size:15px;font-weight:500;margin-bottom:6px}
#resonance-detail .understanding-example{max-width:none;margin-top:16px;padding:15px 20px}
#resonance-detail .understanding-example h3{margin:5px 0 8px;line-height:1.6}
#resonance-detail .understanding-example p{margin:0;line-height:1.85}
#changes .change-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:16px 0;counter-reset:directions}
#changes .change-directions>li{min-width:0;margin:0;padding:15px 16px;border:1px solid #d6ddce;border-radius:8px;background:#f0f2e9;font-size:15px;line-height:1.85;counter-increment:directions}
#changes .change-directions>li:before{content:'0' counter(directions);display:block;position:static;background:none;width:auto;height:auto;margin:0 0 6px;color:#795259;font-size:12px}
#changes>.lt-note{font-size:13px;line-height:1.85;margin:12px 0 0}
.tree-study .tree-next-links{padding:24px 0 12px;margin:0;border-top:1px solid #dfccc3}
.tree-study .tree-next-links>h2{font:400 23px/1.7 'Shippori Mincho',serif;margin:0 0 14px}
.tree-next-links .idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tree-next-links .lk{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:10px;align-items:center;min-width:0;min-height:84px;padding:15px 18px;margin:0;background:#fffdf9;color:#453935;border:1px solid #cdb6ac;border-radius:7px;transform:none;box-shadow:none;text-decoration:none}
.tree-next-links .lk .fill{display:none}
.tree-next-links .lk .nm{font:400 18px/1.7 'Shippori Mincho',serif;color:#453935}
.tree-next-links .lk .en{display:block;font:400 12px/1.7 'Noto Sans JP',sans-serif;margin-top:4px;color:#70615d;letter-spacing:0}
.tree-next-links .lk .no,.tree-next-links .lk .ar{color:#795259;font-size:14px}
.tree-next-links .lk:hover{background:#f3e7e4;transform:none}
.tree-next-links .lk:focus-visible{outline:2px solid #946b70;outline-offset:3px}
@media(max-width:900px){#root-words .lt-terms{grid-template-columns:repeat(2,minmax(0,1fr))}#changes .change-directions{grid-template-columns:1fr}}
@media(max-width:600px){
 .tree-study #root-words,.tree-study #resonance-detail,.tree-study #changes{padding:23px 0}
 #root-words .lt-terms{grid-template-columns:1fr;gap:10px}
 #root-words .lt-terms>div{padding:14px 16px}
 #root-words .lt-terms dt{margin-bottom:5px}
 #root-words .lt-terms dd{font-size:16px}
 #resonance-detail .resonance-points{grid-template-columns:1fr;gap:10px}
 #resonance-detail .resonance-points>p{padding:14px 16px}
 #resonance-detail .understanding-example{padding:15px 16px}
 #changes .change-directions{gap:9px}
 #changes .change-directions>li{font-size:16px;padding:13px 16px}
 .tree-next-links .idx{grid-template-columns:1fr;gap:10px}
 .tree-next-links .lk{min-height:78px;padding:13px 15px}
 .tree-next-links .lk .nm{font-size:17px}
}

.tree-next-links .lk:hover .nm{color:#453935}.tree-next-links .lk:hover .en{color:#70615d}.tree-next-links .lk:hover .no,.tree-next-links .lk:hover .ar{color:#795259}
