.g-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:32px 0 12px}
.g-heading h1{font-family:var(--serif);font-size:42px;font-weight:400;letter-spacing:-1.2px;margin:12px 0 14px;line-height:1.2}
.g-heading p:last-child{font-size:13px;color:var(--muted);line-height:1.9}
.g-sync-box{display:flex;flex-direction:column;align-items:flex-end;gap:7px;padding-top:12px;flex-shrink:0}
.g-sync-status{border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:10px;background:var(--white)}
.g-sync-status[data-state="synced"]{background:var(--green-light);border-color:#b8cbb1}
.g-sync-status[data-state="conflict"],.g-sync-status[data-state="offline"],.g-sync-status[data-state="auth"]{background:var(--accent-light)}
.g-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:22px 0 26px;overflow-x:auto}
.g-tabs button{white-space:nowrap;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);font-size:12px;padding:13px 16px}
.g-tabs button.active{background:var(--green-light);color:var(--ink)}
.g-warning{background:var(--accent-light);padding:20px;border-radius:10px;font-size:12px;line-height:1.9;margin:20px 0}
.g-warning h3{font-size:17px;margin-bottom:10px}
.g-metrics{margin-bottom:25px}.g-daily{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#efefe4}
.g-daily h2{margin:10px 0;font-size:27px}.g-daily p:last-child{font-size:12px;color:var(--muted);line-height:1.8}.g-daily .actions{margin:0;flex-shrink:0}
.g-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:27px 0 20px}
.g-controls>label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted)}
.g-controls select{padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);font-size:12px;max-width:100%}
.g-controls .search{flex:1;min-width:230px}.g-controls .search input{width:100%}.g-controls>p{flex:1;min-width:240px;line-height:1.8}
.g-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.g-tool{display:flex;flex-direction:column;gap:12px;position:relative;text-align:left;border:1px solid var(--line);border-radius:11px;background:var(--white);padding:23px 21px;min-height:167px}
.g-tool strong{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.4px}
.g-tool>span:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8;max-width:90%}
.g-tool>b{position:absolute;right:18px;top:19px;font-size:22px;font-weight:400;color:var(--accent)}
.g-tool:hover{border-color:#9eaf97;background:#eff1e9}.g-tool.g-featured{background:var(--ink);color:var(--paper)}.g-featured>span:not(.eyebrow){color:#c7d4c5}.g-featured .eyebrow{color:#b9c9b4}
.g-section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px 0 20px}.g-section-title h2{font-family:var(--serif);font-size:29px;font-weight:400}.g-section-title>span{font-size:10px;color:var(--muted)}
.g-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.g-topic-grid .block-card{display:flex;flex-direction:column}.g-topic-grid .block-preview{flex:1}
.g-note{margin-top:23px;font-size:12px;line-height:1.9}.g-note summary{cursor:pointer;font-weight:600}.g-note>p{color:var(--muted);margin-top:13px}.g-note a{color:var(--accent)}
.g-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}
.g-map-card{position:relative;padding:22px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:11px}.g-map-card:hover{border-color:#afc2a5}
.g-map-card h3{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.35;overflow-wrap:anywhere;margin:17px 0 10px}.g-map-card p{font-size:12px;line-height:1.8;color:#5e745e}
.g-map-card code{font-size:10px;line-height:1.8;display:block;padding:10px 0;color:var(--muted)}.g-map-card small{display:block;border-top:1px solid var(--line);padding-top:11px;font-size:10px;line-height:1.8;color:var(--accent)}
.g-correction{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.g-correction strong{font-weight:500;color:var(--accent)}.g-correction p{margin-top:7px;color:var(--muted)}
.g-expression{font-family:var(--serif);font-size:41px;font-weight:400;letter-spacing:-1px;line-height:1.25;margin:18px 0 20px;overflow-wrap:anywhere}.g-recall-prompt{font-size:14px;color:var(--muted);line-height:2;margin-top:20px}
.g-pattern{padding:14px 16px;border:1px solid #ccd6c3;background:var(--green-light);border-radius:8px;font:13px/1.8 monospace;overflow-wrap:anywhere;margin:17px 0}
.g-rule{font-size:13px;line-height:1.9}.g-trap{border-left:3px solid var(--accent);background:#f7eee4;padding:13px 16px;margin:18px 0}.g-trap strong{font-size:10px;font-weight:600;color:var(--accent)}.g-trap p{font-size:12px;line-height:1.8;margin-top:7px}
.g-question mark,#g-detail-body mark{background:#e4eddc;border-radius:3px;padding:1px 3px;color:var(--ink)}.g-question .example small,#g-detail-body .example small{font-size:11px;letter-spacing:0;line-height:1.8;margin-top:10px;text-transform:none}
.g-aliases{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.g-aliases span{padding:5px 9px;background:#efeee5;border-radius:5px;font-size:10px}
.g-study-controls{display:flex;justify-content:flex-end;margin-top:20px}.g-study-controls .grade-buttons{width:100%;margin-top:0}.g-bottom-tools{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.g-option-text{all:unset!important;line-height:1.7!important;overflow-wrap:anywhere}.g-question .option{align-items:flex-start;font-size:13px}
.g-target-meaning{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}.g-passage{background:#f2f0e6;border-radius:9px;padding:22px;margin-bottom:24px}.g-passage>p:last-child{font-family:var(--serif);font-size:24px;line-height:1.85;margin-top:12px}
.g-blank{font:11px/1.7 monospace;color:var(--muted);white-space:nowrap;border-bottom:1px solid #b9c3b0;padding:0 4px}.g-blank.target{background:var(--accent-light);color:var(--accent);border-color:var(--accent);font-weight:600}
.g-typing{margin:10px 0}.g-typing label{font-size:11px;display:block;margin-bottom:10px}.g-typing>div{display:flex;gap:10px}.g-typing input{width:100%;min-width:0;font-size:17px;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}
.g-results{margin-top:26px}.g-results summary{font-size:12px;cursor:pointer;font-weight:600}.g-result-row{display:flex;gap:13px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;align-items:flex-start}.g-result-row>span{color:#718e65}.g-result-row.wrong>span{color:var(--accent)}.g-result-row>div{flex:1}.g-result-row strong{font-size:14px;font-weight:500}.g-result-row p{font-size:12px;line-height:1.9;margin-top:9px}.g-result-row small{display:block;font-size:11px;color:var(--muted);line-height:1.9;margin-top:9px}
.g-mistake-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.g-mistake-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.g-mistake-head strong{font-family:var(--serif);font-size:24px;font-weight:400}.g-mistake-list article>p{font-size:12px;line-height:1.9;margin:16px 0}.g-mistake-list details{font-size:11px;line-height:1.9;color:var(--muted)}.g-mistake-list summary{cursor:pointer;color:var(--ink)}.g-mistake-list details p{margin:10px 0}.g-mistake-list .text-button{margin-top:14px}
@media(max-width:1100px){.g-tools,.g-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g-daily{flex-wrap:wrap}.g-daily .actions{margin-top:0}}
@media(max-width:760px){.sidebar nav .nav{flex:0 0 auto;white-space:nowrap}.g-heading h1{font-size:36px}.g-heading{gap:14px}.g-sync-box{padding-top:3px}.g-tabs button{font-size:11px;padding:12px}.g-section-title{flex-wrap:wrap}}
@media(max-width:520px){.g-heading{flex-wrap:wrap;margin-top:22px}.g-heading h1{font-size:33px}.g-heading p:last-child{font-size:11px}.g-sync-box{flex-direction:row;align-items:center;gap:13px}.g-tabs{margin-top:20px;gap:3px}.g-tabs button{font-size:10px;padding:11px 10px}.g-tool{padding:17px 14px;min-height:171px}.g-tool strong{font-size:21px}.g-tool>span:not(.eyebrow){font-size:10px;max-width:100%}.g-tool>b{right:13px;top:12px;font-size:18px}.g-controls{gap:10px}.g-controls>label{flex:1;min-width:0}.g-controls select{font-size:11px;width:100%}.g-card-list,.g-mistake-list{grid-template-columns:1fr}.g-topic-grid .block-card{padding:18px 14px}.g-topic-grid h3{font-size:23px}.g-section-title h2{font-size:26px}.g-section-title>span{font-size:9px}.g-expression{font-size:33px}.g-pattern{font-size:11px;padding:12px}.g-rule{font-size:12px}.g-passage{padding:16px}.g-passage>p:last-child{font-size:21px}.g-question .option{font-size:11px;padding:12px 9px}.g-typing>div{flex-wrap:wrap}.g-typing input{font-size:16px}.g-result-row{gap:8px}.g-result-row .text-button{font-size:9px}.g-result-row p{font-size:11px}.g-study-controls .grade{font-size:10px}.g-controls .search{min-width:100%}}