/*
Theme Name: TTO Theme
Theme URI: https://example.org/
Author: TTO Online
Description: Lightweight, responsive light-blue WordPress theme for TTO Online V12.
Version: 12.2.0
Requires at least: 6.4
Requires PHP: 8.2
Text Domain: tto-theme
License: GPLv2 or later
*/
:root{--tto-blue:#1767d2;--tto-dark:#10233f;--tto-muted:#64748b;--tto-bg:#f6f9fe;--tto-border:#e1e9f5;--tto-radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--tto-bg);color:var(--tto-dark);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:var(--tto-blue);text-decoration:none}a:hover{text-decoration:underline}.tto-container{max-width:1120px;margin:auto;padding:0 24px}.tto-header{background:#fff;border-bottom:1px solid var(--tto-border)}.tto-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tto-logo{font-size:1.25rem;font-weight:800;color:var(--tto-dark)}.tto-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0}.tto-hero{padding:84px 0 64px;text-align:center}.tto-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.18;margin:0 auto 18px;max-width:800px;letter-spacing:-.04em}.tto-lead{color:var(--tto-muted);font-size:1.1rem;max-width:650px;margin:0 auto 28px}.tto-search{display:flex;max-width:650px;margin:auto;background:#fff;border:1px solid var(--tto-border);padding:7px;border-radius:14px;box-shadow:0 12px 38px #133f7b12}.tto-search input{flex:1;min-width:0;border:0;padding:12px 16px;font:inherit;outline:0}.tto-button{border:0;background:var(--tto-blue);color:#fff;padding:12px 23px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}.tto-panel{background:#fff;border:1px solid var(--tto-border);border-radius:var(--tto-radius);padding:30px;margin:28px 0}.tto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tto-card{background:#fff;border:1px solid var(--tto-border);border-radius:var(--tto-radius);padding:24px}.tto-card h2{margin:0 0 8px;font-size:1.15rem}.tto-footer{padding:36px 0;color:var(--tto-muted);border-top:1px solid var(--tto-border);margin-top:60px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px}@media(max-width:720px){.tto-header-inner{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}.tto-nav ul{flex-wrap:wrap;gap:12px}.tto-hero{padding:55px 0 35px}.tto-grid{grid-template-columns:1fr}.tto-search{flex-wrap:wrap}.tto-search input{flex-basis:100%}.tto-button{width:100%}.tto-container{padding:0 18px}}

.tto-dictionary{padding-top:28px}.tto-breadcrumb{font-size:.9rem;color:var(--tto-muted);margin:14px 0}.tto-hanzi{font-size:clamp(3rem,8vw,5rem);line-height:1.2;margin:8px 0}.tto-pinyin{font-size:1.15rem;color:var(--tto-blue)}.tto-eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:var(--tto-blue)}.tto-chip{display:inline-block;border-radius:99px;background:#eaf2ff;color:#1559b0;padding:4px 12px;font-weight:700;font-size:.8rem}.tto-sense{border-top:1px solid var(--tto-border);padding:16px 0}.tto-example{background:var(--tto-bg);border-radius:12px;padding:12px 18px;margin:10px 0}.tto-result-list{display:grid;gap:10px}.tto-result{display:flex;gap:20px;align-items:center;border:1px solid var(--tto-border);padding:15px;border-radius:12px}.tto-result strong{font-size:1.5rem}.tto-result span{color:var(--tto-muted)}