:root{color-scheme:light;--ink:#0b3043;--paper:#faf9f5;--gold:#e3bf76}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #d6dfe0;background:#fff}.brand{text-decoration:none;font-weight:850;font-size:24px}.brand small{display:block;font-size:11px;letter-spacing:2px}main{width:min(1180px,calc(100% - 40px));margin:40px auto;flex:1}h1{font-size:clamp(30px,5vw,48px);line-height:1.15}h2{line-height:1.3}button,.button{font:inherit;cursor:pointer;border:1px solid #9baeb7;background:white;color:var(--ink);border-radius:12px;padding:12px 18px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf3f4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a07419;outline-offset:4px}.primary,.button{background:var(--ink);color:#fff}.primary:hover,.button:hover{background:#174b60;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:18px}.card{border:1px solid #cfdbdf;border-radius:18px;padding:24px;background:#fff;overflow-wrap:anywhere}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px}.notice{padding:14px 20px;border-left:4px solid #b18739;background:#f2ead7;border-radius:8px;margin:20px 0}.actions,.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tabs button[aria-current=page]{background:var(--ink);color:#fff}.badge{display:inline-block;padding:3px 10px;border-radius:20px;background:#f2ead7;font-size:13px;font-weight:700}.muted{color:#476473}.words{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.words article{padding:16px;border:1px solid #d6dfe0;border-radius:12px}.words p{margin:5px 0}.passage{white-space:pre-line;background:#eef3f4;padding:18px;border-radius:12px}.option{display:block;width:100%;text-align:left;margin:10px 0}.option[aria-pressed=true]{background:#dcebf0;border:2px solid #0b3043}.feedback{padding:18px;background:#edf3f4;border-radius:12px}button:disabled{cursor:default;opacity:.75}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #d6dfe0}.table-scroll{overflow-x:auto}.preview-sheet{border:2px dashed #b3c5ce;padding:24px;margin:20px 0}.preview-sheet:before{content:'ÖRNEK ÖNİZLEME';display:block;letter-spacing:3px;color:#476473;font-size:12px}dialog{color:var(--ink);border:1px solid #b9cbd2;border-radius:20px;max-width:520px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#071f2cb3}footer{background:var(--ink);color:white;padding:30px 24px;display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}footer nav{flex-basis:100%;text-align:center}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:10px;background:white;padding:12px;z-index:5}@media(max-width:600px){header{padding:16px}main{margin:24px auto}.card{padding:18px}footer{flex-direction:column;gap:14px}}@media print{body>*{display:none!important}body:after{content:'TRIWORDS misafir önizlemesi. Öğretmen kaynakları için kaydolun ve öğretmen doğrulamanızı tamamlayın.';display:block}}

.intro{max-width:850px;font-size:19px}.guest-guide{margin-top:48px}.guest-guide>p,.guest-guide>ol{max-width:900px}.guest-guide li{margin:12px 0}.guest-guide details{border-top:1px solid #cfdbdf;padding:16px 0}.guest-guide summary{cursor:pointer;font-weight:650}.sample-words{margin:20px 0}.sample-words>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #e4e9eb;padding:8px 0}.sample-words dt{font-weight:700}.sample-words dd{margin:0;text-align:right}
