/* Host-owned layout primitives. Imported files contain no CSS. */
.card-layout{display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;width:100%;padding:clamp(12px,3vw,26px);color:var(--ink);text-align:center;overflow:hidden;flex:1}.card-layout.layout-align-left{text-align:start;align-items:stretch}.layout-block{display:flex;flex-direction:column;gap:6px;min-width:0}.layout-block-label{display:block;font-size:calc(10px * var(--ui-scale,1))!important;line-height:1.4;font-weight:650;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.layout-block-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.layout-primary>.layout-block-text{font:600 calc(clamp(24px,3.6vw,46px) * var(--ui-scale,1))/1.2 var(--display-font,system-ui),system-ui,sans-serif;letter-spacing:-.035em}.layout-secondary>.layout-block-text{font:400 calc(15px * var(--ui-scale,1))/1.6 Inter,system-ui,sans-serif;letter-spacing:0}.layout-secondary[data-layout-field=formality]>.layout-block-text,.layout-secondary[data-layout-field=category]>.layout-block-text,.layout-secondary[data-layout-field=partOfSpeech]>.layout-block-text{font-size:calc(12px * var(--ui-scale,1));color:var(--muted)}.layout-tone-forest{background:color-mix(in srgb,var(--green) 6%,transparent);border-inline-start:3px solid var(--green)}.layout-tone-amber{background:color-mix(in srgb,#b47e38 7%,transparent);border-inline-start:3px solid #b47e38}.layout-tone-slate{background:color-mix(in srgb,#657b96 7%,transparent);border-inline-start:3px solid #657b96}.layout-size-large .layout-primary>.layout-block-text{font-size:calc(clamp(30px,4.6vw,56px) * var(--ui-scale,1))}.layout-size-compact .layout-primary>.layout-block-text{font-size:calc(clamp(22px,2.8vw,34px) * var(--ui-scale,1))}.layout-size-compact{gap:10px}.card-layout:not(.layout-full) .layout-secondary>.layout-block-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.review-face:has(>.card-layout){padding:16px 12px 42px}.review-face>.card-layout{border-radius:12px;max-height:100%;box-sizing:border-box}.layout-full{overflow:visible;flex:0 0 auto}.layout-live-card{display:flex;width:100%;min-height:260px;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:hidden;cursor:pointer}.layout-live-card:focus-visible{outline:3px solid var(--sage);outline-offset:3px}.local-face>.card-layout{flex:0 1 auto}.local-face .layout-block-label{font-weight:650}.local-face:has(>.card-layout){padding:12px 12px 34px}.review-full-layout{max-width:760px;width:calc(100vw - 24px);max-height:90dvh;overflow:auto}.review-full-layout h2{font-size:calc(22px * var(--ui-scale,1))}.review-full-layout .card-layout{margin:16px 0;border:1px solid var(--line);border-radius:12px}.review-full-layout>button{float:right}.review-layout-tools{display:flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;font-size:calc(11px * var(--ui-scale,1));color:var(--muted)}.review-layout-tools button{font-size:calc(11px * var(--ui-scale,1));min-height:32px}
@media(max-width:600px){.card-layout{padding:14px;gap:12px}.layout-primary>.layout-block-text{font-size:calc(27px * var(--ui-scale,1))}.layout-size-large .layout-primary>.layout-block-text{font-size:calc(34px * var(--ui-scale,1))}.layout-size-compact .layout-primary>.layout-block-text{font-size:calc(24px * var(--ui-scale,1))}.layout-secondary>.layout-block-text{font-size:calc(13px * var(--ui-scale,1));line-height:1.5}.review-mode .card-layout:not(.layout-full) .layout-secondary>.layout-block-text{-webkit-line-clamp:2}.review-layout-tools{font-size:calc(10px * var(--ui-scale,1));gap:10px}.review-layout-tools button{font-size:calc(10px * var(--ui-scale,1));min-height:28px}}
.layout-standard-preview{display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:24px;width:100%;min-width:0}.layout-standard-preview .review-front{margin:10px 0}.layout-standard-preview .review-back{font-size:calc(25px * var(--ui-scale,1))}.layout-standard-preview .review-grammar,.layout-standard-preview .review-example{text-align:start}