:root{color-scheme:light;--paper:#fffdf9;--ink:#3e332e;--muted:#6f5f56;--line:#ead8ca;--green:#a84f3c;--soft:#fff0df;--sand:#fff4cf;--rose:#f7ddd2;--radius:8px;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;font-size:18px;background:#fff7ed;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#fffdf8 0,#fff7ed 42%,#fdf2e7 100%)}button,input,select{font:inherit;color:inherit}button,select,input{min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:.65rem .85rem}button{cursor:pointer;font-weight:650}button:hover{border-color:var(--green)}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #805a95;outline-offset:3px}a{color:var(--green);text-underline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:12px;z-index:5}.skip:focus{top:12px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1120px;margin:auto;padding:1rem 1.4rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:780;color:var(--ink);text-decoration:none}.brand>span:first-child{font-size:1.5rem;color:#dc795f}.language{display:flex;align-items:center;gap:.55rem;font-size:.85rem}main{max-width:1120px;margin:auto;padding:1.5rem 1.4rem 2.5rem}.intro{padding:1rem 1.1rem 1.2rem;max-width:790px;border-inline-start:4px solid #e99b65;background:rgba(255,253,249,.72)}.eyebrow{color:var(--green);font-size:.8rem;font-weight:750;letter-spacing:.1em;margin:.3rem 0}h1{font-size:clamp(1.7rem,4vw,2.65rem);letter-spacing:-.025em;line-height:1.25;margin:.7rem 0}.intro>p:last-child{color:var(--muted);line-height:1.7;margin:.4rem 0}.controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(155px,230px) auto;gap:.8rem;align-items:end;margin:1rem 0}.controls label{display:grid;gap:.45rem;font-size:.86rem;font-weight:650}.controls input,.controls select{width:100%;font-weight:400}.primary{background:#ae563f;color:white;border-color:#934331}.status-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:52px;font-size:.8rem;color:var(--muted)}.text-button{background:none;border:none;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.notice{border-inline-start:4px solid #d19845;background:var(--sand);padding:.8rem 1rem;font-size:.88rem;line-height:1.6;margin:.4rem 0 1.25rem}.thought-panel{background:linear-gradient(135deg,#fffdf9 0,#fff2dc 100%);border:1px solid #e5c9b5;border-radius:var(--radius);padding:1rem 1.1rem;margin:0 0 1.25rem;box-shadow:0 10px 28px rgba(105,72,48,.07)}.thought-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.thought-kicker{margin:0 0 .3rem;color:var(--green);font-size:.74rem;font-weight:780;letter-spacing:.08em}.thought-head h2{font-size:1.18rem;margin:0;text-decoration:underline;text-decoration-color:#e4a06f;text-underline-offset:6px}.thought-head button{min-height:42px;padding:.45rem .75rem;background:#fffaf3}.thought-meta{font-size:.78rem;color:var(--muted);font-weight:700;margin:1rem 0 .45rem}.thought-idea{font-size:1.06rem;line-height:1.72;margin:.3rem 0}.thought-encouragement{font-weight:720;line-height:1.65;margin:.7rem 0;color:#7e3f31}.thought-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #ead8ca;padding-top:.7rem;font-size:.72rem;color:var(--muted)}.thought-foot a{white-space:nowrap;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.tip{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;min-width:0;overflow-wrap:anywhere;box-shadow:0 8px 24px rgba(105,72,48,.055)}.tip-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:5px;background:var(--soft);margin:0 0 .8rem}.tag{font-size:.73rem;font-weight:750;letter-spacing:.04em;color:var(--green);margin:0 0 .4rem}.tip h2{font-size:1.12rem;line-height:1.42;margin:.2rem 0 .6rem;text-decoration:underline;text-decoration-color:#e4a06f;text-underline-offset:6px;text-decoration-thickness:2px}.tip>p:not(.tag){line-height:1.75;font-size:.94rem}.tip .encouragement{background:linear-gradient(135deg,var(--soft),#fff9ed);padding:.68rem .75rem;border-inline-start:3px solid #e49361;border-radius:0 4px 4px 0;font-size:.9rem;margin-top:auto;margin-bottom:0}.adult{font-size:.76rem;color:var(--muted);display:block;margin-top:.65rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:1.8rem 0}.pagination span{font-size:.86rem}.grownups{border-top:1px solid var(--line);padding-top:1rem;font-size:.85rem;line-height:1.7;color:var(--muted)}summary{cursor:pointer;font-weight:650;min-height:42px}.grownups button{margin:.4rem .6rem .4rem 0}.empty{grid-column:1/-1;padding:2rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:8px}footer{display:flex;justify-content:space-between;gap:1rem;max-width:1120px;padding:1rem 1.4rem 1.6rem;margin:auto;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){:root{font-size:17px}.masthead{padding:.8rem 1rem}.language>span{display:none}main{padding:1rem}.controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.search{grid-column:1/-1}.controls button{font-size:.85rem}.thought-head{align-items:center}.thought-foot{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr}.tip{padding:.75rem}.tip-image{aspect-ratio:1/1}.status-line{align-items:flex-start}.brand{font-size:.9rem}footer{padding:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.controls,.pagination,.language,.status-line,.grownups,footer{display:none}.cards{display:block}.tip{break-inside:avoid;margin-bottom:1rem}}
.translation-review{margin:.8rem 0;padding:.7rem .9rem;border-inline-start:4px solid #d19845;background:var(--sand);font-size:.84rem;line-height:1.55}.cards>.retry{grid-column:1/-1;justify-self:center}@media print{.cards>.retry{display:none}}
.tip-summary{color:#3d6454}.tip details{margin:12px 0}.tip details summary{cursor:pointer;min-height:36px;color:#326653}