/* 용어 풀이 where the reader is (user decision 2026-10-24, report 1-259): a term is marked at its first place in the
   body; on a desktop the 「이 글의 용어」 card beside the text opens the terms of the paragraphs in view, on a phone a
   tap opens the meaning right under the paragraph. The list at the end folds into one line. Also the 「성공으로 인정되는
   조건」 diagram (inc/tech-terms.php). */
/* Sizes (user 2026-10-24): an opened meaning reads like body text (16px, 1.7) for readers with weaker sight; greys
   darkened to #4b5761 so the folded names stay readable. */
/* Blue like a dictionary (user decision 2026-10-24): the navy of the conditions diagram and the paper plate. */
.tt-term{border-bottom:1.5px dotted #6f8fb5;cursor:pointer;text-decoration:none;color:inherit}
.tt-term::after{content:"?";display:inline-block;width:16px;height:16px;margin:0 0 0 3px;border-radius:50%;background:#e3ebf5;color:#1f3a5f;font:700 11px/16px -apple-system,"Segoe UI",sans-serif;text-align:center;vertical-align:2px}
.tt-term.on{background:#e9f0f9;border-bottom-color:#1f3a5f}
.tt-inline{display:none;margin:-4px 0 14px;padding:11px 14px;border-left:3px solid #1f3a5f;background:#f3f6fa;border-radius:0 8px 8px 0;font-size:16px;line-height:1.7;color:#1f272d}
.tt-inline b{margin-right:6px;color:#1f3a5f}
.tt-inline a{margin-left:6px;font-size:14px;color:#4b5761}
.tt-inline.open{display:block}
.tt-card{position:sticky;top:16px;margin:14px 0 0;border:1px solid #d6d9dc;border-radius:12px;background:#fff;padding:16px 18px}
.tt-card h2{margin:0 0 10px;font-size:15px;font-weight:800;letter-spacing:-.01em}
.tt-card ol{list-style:none;margin:0;padding:0}
.tt-card li{border-top:1px solid #eef0f2;padding:9px 0}
.tt-card li:first-child{border-top:0}
.tt-card li button{all:unset;cursor:pointer;display:block;width:100%;font-size:15.5px;font-weight:700;line-height:1.45;color:#4b5761}
.tt-card li p{display:none;margin:6px 0 2px;font-size:16px;font-weight:500;line-height:1.7;color:#1f272d}
.tt-card li.near button{color:#22292f}
.tt-card li.open button{color:#1f3a5f}
.tt-card li.open p{display:block}
.tt-card .tt-all{display:block;margin-top:10px;font-size:14px;color:#4b5761}
.tt-end summary{cursor:pointer;font-weight:700}
.tt-end summary span{font-weight:500;color:#4b5761;margin-left:6px}
@media(max-width:900px){.tt-card{display:none}}
@media(min-width:901px){.tt-inline{display:none!important}}
/* 「성공으로 인정되는 조건」: the conditions side by side, all needed for the result */
.tt-all-of{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:6px 0 18px}
.tt-all-of .c{flex:1 1 150px;border:1px solid #cfd4d8;border-radius:10px;background:#f7f8f8;padding:10px 12px}
.tt-all-of .c b{display:block;font-size:15.5px;color:#22292f}
.tt-all-of .c span{display:block;margin-top:4px;font-size:14.5px;line-height:1.6;color:#3d4850}
.tt-all-of .op{align-self:center;font:300 22px/1 -apple-system,"Segoe UI",sans-serif;color:#8a96a0}
.tt-all-of .r{flex:1 1 150px;border-radius:10px;background:#1f3a5f;color:#fff;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}
.tt-all-of .r small{font-size:13px;opacity:.85}
.tt-all-of .r b{font-size:16.5px}
.tt-all-of figcaption{flex-basis:100%;font-size:13.5px;color:#5f6b74}
@media(max-width:700px){.tt-all-of{flex-direction:column}.tt-all-of .op{align-self:flex-start;margin-left:14px}}