.top-link{color:var(--blue-ink);padding:.4rem .5rem;font-weight:800;text-decoration:none}.guide{max-width:44rem}.crumbs{color:var(--ink-2);margin:1rem 0 0;font-size:.9rem}.crumbs a{color:var(--blue-ink);font-weight:800}.guide-head{text-align:center;margin:1.5rem 0 1rem}.guide-head h1{margin-top:.5rem;font-size:clamp(2rem,7vw,3rem)}.guide section{margin:2.25rem 0 0}.guide section h2,.guide-more h2,.guide-list h3{text-align:left;font-size:clamp(1.35rem,4.5vw,1.75rem)}.guide p,.tips li{font-size:1.05rem;line-height:1.6}.phrase-table{border-collapse:collapse;border-radius:var(--r);width:100%;box-shadow:0 0 0 2px var(--line);background:#fff;margin:1rem 0 0;overflow:hidden}.phrase-table th,.phrase-table td{text-align:left;vertical-align:top;border-bottom:2px solid var(--line);padding:.65rem .8rem;line-height:1.4}.phrase-table th{background:var(--paper-2);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);font-size:.85rem}.phrase-table tr:last-child td{border-bottom:0}.phrase-table td:first-child{color:#a5532f;width:52%}.phrase-table small,.dialogue small{color:var(--ink-2);font-size:.85rem;font-weight:650;display:block}.dialogue{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.dialogue li{border-radius:var(--r) var(--r) var(--r) 4px;max-width:85%;box-shadow:0 0 0 2px var(--line);background:#fff;padding:.6rem .9rem;font-weight:800}.dialogue li.me{border-radius:var(--r) var(--r) 4px var(--r);background:var(--blue-soft);box-shadow:none;justify-self:end}.dialogue .who{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;display:block}.tips{margin:.75rem 0 0;padding-left:1.25rem}.tips li+li{margin-top:.5rem}.guide-cta{border-radius:var(--r);background:var(--green-soft);text-align:center;justify-items:center;gap:.6rem;margin:2.5rem 0 0;padding:1.5rem 1.25rem;display:grid}.guide-cta p{max-width:34rem;margin:0}.guide-more{margin:2.5rem 0 1rem}.guide-more ul{padding-left:1.25rem;font-size:1.05rem;line-height:1.8}.guide a:not(.btn){color:var(--blue-ink);font-weight:800}.guide-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guide-card{border-radius:var(--r);box-shadow:0 0 0 2px var(--line);background:#fff;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.guide-card p{color:var(--ink-2);margin:.35rem 0 0}.guide-card img{flex:none}.guide-page .lessons{margin:3rem 0 1rem}.guide-list h3{margin:0;font-size:1.15rem}.guide-list+section,.guide>section{margin-top:2rem}.byline{color:var(--ink-2);margin:.5rem 0 0;font-size:.9rem;font-weight:700}.answer{border-radius:var(--r);background:var(--blue-soft);border-left:6px solid var(--blue);margin:1.25rem 0 0;padding:1rem 1.15rem}.answer .sub{text-align:left;margin:.2rem 0 0}.answer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--blue-ink);margin:0;font-size:.8rem;font-weight:900}.ph{flex-wrap:wrap;align-items:center;gap:.4rem;display:inline-flex}.say{background:var(--green);width:2rem;height:2rem;box-shadow:0 3px 0 var(--green-lip);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.say:active,.say.is-playing{box-shadow:0 1px 0 var(--green-lip);transform:translateY(2px)}.say:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.phrase-table td.note{color:var(--ink-2);font-size:.9rem;font-weight:650}.table-wrap{border-radius:var(--r);margin:1rem 0 0;overflow-x:auto}.table-wrap .phrase-table{min-width:34rem;margin:0}.compare-table tbody th{text-transform:none;letter-spacing:0;color:var(--ink);background:#fff;font-size:1rem;font-weight:900}.compare-table td:first-child{width:auto;color:inherit}.mistake{border-radius:var(--r);box-shadow:0 0 0 2px var(--sand);background:#fff4e5;margin:2.25rem 0 0;padding:1.1rem 1.2rem}.mistake h2{text-align:left;color:var(--terra);margin:0;font-size:1.2rem}.mistake p{margin:.5rem 0 0}.mistake-pair{font-size:1.1rem;font-weight:800}.mistake-pair s{color:var(--ink-2)}.mistake-pair b{color:var(--green-ink)}.short{text-align:center;width:min(100%,20rem);margin:2rem auto 0}.short-link,.short-frame{aspect-ratio:9/16;border-radius:var(--r);background:#000;border:0;width:100%;display:block;position:relative;overflow:hidden}.short-link img{object-fit:cover;width:100%;height:100%}.short-play{color:#fff;white-space:nowrap;background:#f03;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:900;display:inline-flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.short figcaption{color:var(--ink-2);margin-top:.5rem;font-size:.9rem;font-weight:700}.faq-block details{border-radius:var(--r);box-shadow:0 0 0 2px var(--line);background:#fff;margin:.6rem 0 0;padding:.75rem 1rem}.faq-block summary{cursor:pointer;font-weight:800}.faq-block details p{margin:.5rem 0 0}@media (width<=560px){.phrase-table th,.phrase-table td{padding:.55rem .6rem}.phrase-table:not(.compare-table) tr{border-bottom:2px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.phrase-table:not(.compare-table) tr:last-child,.phrase-table:not(.compare-table) :is(th,td){border-bottom:0}.phrase-table:not(.compare-table) td:first-child{width:auto}.phrase-table:not(.compare-table) th:nth-child(3){display:none}.phrase-table td.note{grid-column:1/-1;padding-top:0;font-size:.85rem}.phrase-table td.note:empty{display:none}}
