@charset "UTF-8";
.topic-recommend{margin-top:-10px}.topic-recommend>p{margin:8px 0 0;color:#587367;font-size:13px}.recommendation-panel{margin-top:18px;padding:20px;border:1px solid #bdd9ca;border-radius:17px;background:#f3f8f4;min-width:0}.recommendation-panel[hidden]{display:none}.recommendation-panel h3{margin:5px 0;font-size:19px;overflow-wrap:anywhere}.recommendation-panel header p{margin:0;font-size:12px;color:#527164}.recommendation-panel .recommendation-choices{min-width:0;margin:20px 0 0;padding:0;border:0}.recommendation-panel .recommendation-choices legend{margin-bottom:10px;font-size:15px;font-weight:800}.recommendation-choices legend small{margin-left:8px;font-size:12px;color:#587367;font-weight:400}.recommendation-panel .recommendation-choice{display:flex;align-items:flex-start;gap:10px;margin:8px 0;padding:12px;border:1px solid #d6e5dc;border-radius:11px;background:#fff;font-size:14px;line-height:1.7;font-weight:500;cursor:pointer}.recommendation-panel .recommendation-choice input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:3px 0 0;padding:0;accent-color:#19786f}.recommendation-choice span{min-width:0;overflow-wrap:anywhere}.recommendation-choice:has(input:checked){border-color:#19786f;background:#eaf5ee}.recommendation-note,.recommendation-fallback{font-size:12px;line-height:1.8;color:#547064}.recommendation-fallback{padding:10px;border-radius:8px;background:#fff8e9;color:#6c572e}.recommendation-apply{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.recommendation-apply>span{font-size:12px;white-space:nowrap;color:#476759}.recommendation-apply .btn{white-space:normal;font-size:13px}@media(max-width:600px){.recommendation-panel{padding:15px}.recommendation-apply{align-items:stretch;flex-direction:column}.topic-recommend>.btn{width:100%;white-space:normal}.recommendation-panel .recommendation-choice{font-size:14px}}
.wording-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:15px;border:1px solid #d8e6de;border-radius:14px;background:#f3f8f4}.wording-options strong{display:block;font-size:14px}.wording-options small{display:block;margin-top:3px;color:#5b746a;font-size:12px}.wording-options .btn{font-size:13px;white-space:normal}@media(max-width:390px){.wording-options{align-items:stretch;flex-direction:column}.wording-options .btn{width:100%}}
.ai-consent-panel summary{cursor:pointer;font-size:15px;font-weight:800;min-height:44px;align-content:center}.ai-consent-panel[open] summary{margin-bottom:12px}.optional-ai-button{margin-top:15px}.generation-status{margin:16px 0;font-size:13px}
.ai-consent-panel{margin:24px 0 0;padding:22px;border:1px solid #bfd9cc;border-radius:18px;background:#f2f8f4;line-height:1.8}.ai-consent-panel h3{margin:10px 0 6px;font-size:17px;line-height:1.6}.ai-consent-panel p{margin:0;color:#4e6862;font-size:13px}.ai-mode-pill{display:inline-block;padding:3px 10px;border-radius:20px;background:#d7ece1;color:#185b4b;font-size:12px;font-weight:800}.ai-consent-check{display:flex!important;align-items:flex-start;gap:11px;margin:17px 0 12px;padding:14px;border-radius:12px;background:#fff;cursor:pointer;font-size:14px;font-weight:700}.ai-consent-check input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:3px 0 0;accent-color:#19786f}.ai-consent-panel .ai-usage-note{font-size:12px}.generation-status{color:#175f52!important}.generation-error{margin-top:14px;padding:14px 16px;border:1px solid #e3bdb1;border-radius:12px;background:#fff5f0;color:#813e29;font-size:14px;text-align:left;overflow-wrap:anywhere}.generation-spinner{display:inline-block;width:17px;height:17px;margin-right:8px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:generating-spin .8s linear infinite}.form-submit .template-fallback{width:auto;margin-top:15px;white-space:normal}.generation-error[hidden],.generation-status[hidden]{display:none}@keyframes generating-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.ai-consent-panel{padding:17px}.ai-consent-check{padding:12px;font-size:13px}}
:root{color-scheme:light;--ink:#142d45;--muted:#63767c;--line:#dce4e1;--bg:#f8f7f3;--surface:#fff;--main:#19786f;--main-dark:#125e57;--wash:#edf5f1;--shadow:0 12px 38px #183d3406;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button,input,textarea,select,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6ab6a8;outline-offset:3px}[hidden]{display:none!important}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 18px;background:#fff}.skip-link:focus{top:12px}.site-shell{min-height:100vh;display:flex;flex-direction:column}
.global-head,.workspace,.global-foot{width:100%;max-width:1240px;margin:0 auto}.global-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 36px 22px}.logo-area{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:42px;height:42px;border-radius:13px;background:var(--ink);display:grid;grid-template:repeat(2,7px)/repeat(2,7px);align-content:center;justify-content:center;gap:5px;box-shadow:0 5px 12px #142d4510}.logo-mark span{background:#fff;border-radius:2px}.logo-mark span:nth-child(2){background:#7fbeb4}.logo-mark span:nth-child(3){background:#f4c369}.logo-mark span:nth-child(4){opacity:.75}.logo-word{font-size:21px;font-weight:800;letter-spacing:-.7px;line-height:1.1}.logo-word em{font-style:normal;color:var(--main)}.logo-word small{display:block;font-size:10px;letter-spacing:.1px;font-weight:600;color:var(--muted);margin-top:6px}.head-right{display:flex;gap:12px;align-items:center}.offline,.version{padding:6px 10px;border:1px solid var(--line);border-radius:7px;font-size:11px;white-space:nowrap;color:var(--muted);background:#fff}.offline span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--main);margin-right:5px;vertical-align:1px}.version{font-weight:750;color:var(--main);background:var(--wash)}.workspace{flex:1;padding:14px 36px 56px}.global-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 36px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.page-intro{margin-bottom:30px}.studio-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;padding:22px 0 34px;min-height:365px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 17px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--main)}.eyebrow>span{width:18px;height:3px;background:#e3b44f}.page-title{margin:0;font-size:clamp(34px,3.9vw,49px);font-weight:850;line-height:1.38;letter-spacing:-2px;word-break:keep-all}.page-title em{font-style:normal;color:var(--main)}.intro-copy{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.95;word-break:keep-all}.hero-cta{margin-top:25px}.hero-benefits{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:19px;font-size:10px;color:#5e7476}.hero-benefits span{display:inline-flex;align-items:center;gap:5px}.hero-benefits span:before{content:"✓";color:var(--main);font-size:11px;font-weight:800}.hero-art{position:relative;min-width:0;height:340px;overflow:hidden;border-radius:26px}.hero-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center}.hero-note{position:absolute;bottom:14px;left:24px;right:5px;display:flex;align-items:center;gap:12px;max-width:345px;background:#fffffff5;border:1px solid #e0e6de;border-radius:14px;padding:14px 17px;box-shadow:0 12px 30px #173d3610}.note-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;background:var(--wash);color:var(--main);border-radius:11px}.note-icon svg{width:21px;height:21px}.hero-note small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.hero-note strong{display:block;font-size:12px;font-weight:750;letter-spacing:-.3px}.compact-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:16px 0 28px}.compact-intro .page-title{font-size:31px;letter-spacing:-1px}.compact-intro .eyebrow{margin-bottom:11px}.compact-intro .intro-copy{margin-top:8px;font-size:13px}.badge{flex:none;padding:7px 11px;border:1px solid #dce8e0;border-radius:7px;color:var(--main);background:#f1f7f2;font-size:10px;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px;margin:0 0 28px;background:#edeFEB;border:1px solid #e3e8e2;border-radius:15px}.step{min-height:58px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:10px 17px;background:transparent;color:#6a7b7d;text-align:left}.step .num{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e1e7e2;color:#71817e;font-size:11px;font-weight:800}.step .step-text{font-size:13px;font-weight:750}.step.on{background:#fff;border-color:#dde7df;color:#154c47;box-shadow:0 2px 5px #223d2d05}.step.on .num{background:var(--main);color:#fff}.step.done .num{background:#daeae2;color:var(--main)}.step:disabled{opacity:.65}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.input-workspace{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:28px;align-items:start}.form-panel{padding:30px 34px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.label-mini{margin:0 0 8px;color:var(--main);font-size:9px;font-weight:800;letter-spacing:1.5px}.section-title{margin:0 0 8px;font-size:23px;font-weight:800;letter-spacing:-.9px;line-height:1.5}.section-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.demo-label{display:inline-block;flex:none;padding:4px 8px;background:#f0f3ef;border-radius:5px;color:#667b70;font-size:9px;font-weight:750;white-space:nowrap}.form-section{border:0;padding:0;margin:0 0 30px;min-width:0}.form-section+ .form-section{border-top:1px solid #e9eeea;padding-top:27px}.form-section legend{display:flex;align-items:center;gap:9px;float:left;width:100%;margin:0 0 19px;padding:0;min-width:0;line-height:1.4}.form-section legend>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:var(--wash);color:var(--main);font-size:10px;font-weight:800}.form-section legend strong{font-size:14px;letter-spacing:-.4px}.form-section legend small{font-size:10px;color:var(--muted);margin-left:auto}.form-section>.form-grid{clear:both}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 17px}.field{display:flex;flex-direction:column;min-width:0;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:750;color:#3a535c}.optional{font-size:10px;font-weight:500;color:#798985;margin-left:6px}.field input,.field textarea,.field select{width:100%;min-width:0;min-height:48px;padding:12px 13px;border:1px solid #d6e0db;border-radius:9px;background:#fdfefd;color:var(--ink);font-size:14px;line-height:1.65;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:88px}.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:#6eaa98;background:#fff;box-shadow:0 0 0 3px #19786f0b}.field input[type=color]{padding:8px;height:48px}.field .help{color:var(--muted);font-size:10px;line-height:1.7}.checkline{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #dce8e0;background:#f3f8f4;border-radius:10px}.checkline input{flex:none;width:18px;min-height:18px;height:18px;margin:3px 0 0;padding:0;accent-color:var(--main)}.checkline span{font-size:11px;font-weight:400;color:#5a7470;line-height:1.9}.checkline strong{display:block;font-size:12px;font-weight:750;color:#245950}.warning-box{display:flex;align-items:flex-start;gap:11px;border:1px solid #f0e2c1;background:#fffaf0;border-radius:11px;padding:14px 16px;color:#7a6138;font-size:11px;line-height:1.85;margin-top:12px}.warning-box p{margin:0}.warning-box strong{display:block;font-size:12px;font-weight:750;margin-bottom:2px}.privacy-mark{font-size:21px;color:#ad8a43;line-height:1.6}.form-submit{margin-top:24px}.form-submit>.btn{width:100%;font-size:14px}.form-submit p{margin:10px 0 0;text-align:center;font-size:10px;color:var(--muted)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:12px 18px;background:var(--main);color:#fff;font-size:12px;font-weight:750;text-decoration:none;transition:background .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--main-dark);box-shadow:0 4px 14px #19786f12}.btn.secondary{background:#fff;color:#486466;border-color:#d7e1dc}.btn.secondary:hover:not(:disabled){background:#f0f6f2}.btn.danger{color:#986057;background:#fff;border-color:#e7dcd4}.btn.danger:hover{background:#fff9f5}.btn.soft{background:#edf5f0;color:var(--main);border-color:#dce8df}.btn.big{min-height:52px}.btn.flex{flex:1}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px}.save-actions{gap:5px;margin:19px 0 8px}.save-actions .btn{flex:1;white-space:nowrap;padding:9px 7px;font-size:10px;min-height:40px;background:transparent;border-color:transparent}.save-actions .btn:hover{background:#f1f6f2}.helper{margin:0;font-size:10px;line-height:1.8;color:var(--muted)}.success-box{border:1px solid #d3e5d8;background:#eef7f0;border-radius:10px;padding:12px;color:#326854;font-size:12px}
.starter-aside{padding-top:18px}.aside-heading h2{margin:8px 0 12px;font-size:25px;line-height:1.6;font-weight:800;letter-spacing:-1px}.aside-heading>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.document-menu{display:flex;flex-direction:column;gap:9px;margin:25px 0}.document-menu>div{display:flex;gap:11px;align-items:center;border-bottom:1px solid #e2e7e0;padding:0 0 11px}.document-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:var(--doc-wash,var(--wash));color:var(--doc-accent,var(--main))}.document-icon svg{width:20px;height:20px}.document-menu small{display:block;font-size:9px;color:var(--muted);line-height:1.4;margin-bottom:3px}.document-menu strong{display:block;font-size:12px;font-weight:750}.aside-example{padding:17px;background:#edf0e9;border-radius:16px;margin-top:26px}.aside-example>div{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;letter-spacing:.6px;color:#657a6b;margin-bottom:13px}.aside-example small{font-size:8px;font-weight:400;letter-spacing:0}.aside-example canvas{display:block;width:100%;height:auto;border:1px solid #e3e7dd;box-shadow:0 5px 13px #183d340b}.aside-example>p{font-size:9px;margin:12px 0 0;color:var(--muted);text-align:center}
.results-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px}.lesson-summary{min-width:0;overflow-wrap:anywhere}.lesson-summary h2{margin:0 0 7px;font-size:23px;letter-spacing:-.7px;font-weight:800;line-height:1.4}.lesson-summary p{margin:0;color:var(--muted);font-size:12px}.lesson-summary p span{margin:0 7px}.mini-stats{display:flex;flex-wrap:wrap;gap:7px}.stat-chip{border:1px solid #dde7df;background:#f4f8f3;border-radius:6px;padding:6px 9px;font-size:10px;color:#557361;font-weight:650}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.result-card{padding:0;border:1px solid #dce4de;border-radius:17px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 4px 12px #143c2d03;transition:border-color .15s,box-shadow .15s,transform .15s}.result-card:hover:not(:disabled){border-color:var(--doc-accent);box-shadow:0 12px 24px #183d340d;transform:translateY(-3px)}.collection-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 11px;color:var(--doc-accent);font-size:10px;font-weight:750}.collection-meta>small{font-size:10px;letter-spacing:1px;color:#8e9e98}.thumb{display:flex;justify-content:center;padding:16px 32px;background:var(--doc-wash);border-block:1px solid #eef0ea}.thumb canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;background:#fff;border:1px solid #e2e5dd;box-shadow:0 6px 18px #183d3410}.result-labels{display:flex;align-items:center;gap:12px;padding:18px}.result-labels>div{min-width:0;flex:1}.result-labels strong{font-size:14px;font-weight:750;letter-spacing:-.3px}.result-labels p{font-size:10px;color:var(--muted);margin:3px 0 0}.arrow{flex:none;color:var(--doc-accent);font-size:21px;line-height:1}.result-card:disabled{opacity:1}.result-card.disabled .thumb{filter:grayscale(.8);opacity:.5}.result-card.disabled .result-labels{opacity:.6}.result-card.disabled .arrow{font-size:10px}.guide{padding:15px 18px;margin-top:22px;border:1px solid #dce7df;background:#f0f6f1;border-radius:11px;color:#536f65;font-size:11px;line-height:1.9}.pill-icon{display:inline-block;margin-right:8px}
.tabstrip{display:flex;overflow-x:auto;gap:7px;margin-bottom:21px;padding:0 1px 6px;scrollbar-width:thin}.doc-tab{min-height:44px;padding:9px 16px;flex:none;border:1px solid #dce4dd;border-radius:9px;background:#fff;color:#657b77;font-size:12px;font-weight:700;white-space:nowrap}.doc-tab.on{border-color:#6ea393;background:#edf6f0;color:#195f50}.doc-tab:disabled{opacity:.4}.preview-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:23px}.preview-panel,.editor-panel{padding:25px;min-width:0}.preview-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:19px}.preview-bar>div{min-width:0}.preview-title{font-size:20px;font-weight:800;letter-spacing:-.7px;margin:0;line-height:1.5}.preview-bar p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.8}.preview-bar .label-mini{font-size:9px;letter-spacing:1.2px;color:var(--main);margin-bottom:5px}.canvas-wrap{display:grid;place-items:center;padding:24px;background:#edf0e9;border:1px solid #e4e8df;border-radius:13px}.canvas-wrap canvas{display:block;width:100%;max-width:500px;height:auto;aspect-ratio:4/5;box-shadow:0 10px 25px #193d3214;background:#fff}.canvas-hint{margin:13px 0 0;text-align:center;font-size:10px;color:var(--muted)}.preview-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.preview-actions .btn{padding-inline:11px}.legal-note{font-size:10px;line-height:1.85;color:var(--muted);margin:14px 0 0}.editor-lead{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 22px}.editor-fields{display:flex;flex-direction:column;gap:19px;max-height:775px;overflow-y:auto;padding:0 5px 8px 0}.editor-fields textarea{min-height:80px}.editor-bottom{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.editor-bottom>.btn{width:100%}.editor-bottom .btn{font-size:11px}.overflow-alert{margin-top:12px;border:1px solid #eecfc2;background:#fff5ef;border-radius:10px;padding:13px 14px;color:#964e34;font-size:12px;line-height:1.85}.mobile-edit-tabs{display:none}.card-transcript{margin-top:16px;border:1px solid var(--line);border-radius:10px;background:#f6f9f4;overflow-wrap:anywhere}.card-transcript summary{min-height:48px;cursor:pointer;padding:13px 14px;color:#2a6456;font-size:12px;font-weight:750}#cardTranscript{padding:0 17px 19px;font-size:16px;line-height:1.9}.transcript-institute{font-size:12px;color:var(--muted);margin:2px 0 20px}#cardTranscript dl{margin:0}#cardTranscript dl>div+div{margin-top:20px}#cardTranscript dt{font-size:11px;font-weight:700;color:#657d70;margin-bottom:4px}#cardTranscript dd{margin:0;white-space:pre-wrap}
.toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translate(-50%,20px);padding:13px 20px;max-width:90vw;border:1px solid #315d4e;border-radius:12px;background:#153e33;color:#fff;font-size:12px;font-weight:600;box-shadow:0 9px 24px #153e3320;opacity:0;pointer-events:none;text-align:center;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.input-workspace{grid-template-columns:minmax(0,1fr) 235px;gap:22px}.form-panel{padding:27px}.form-section legend small{display:none}.hero-copy .page-title{font-size:38px}.hero-benefits{gap:7px 10px;font-size:9px}.hero-note{left:10px;right:0;padding:13px}.hero-note strong{font-size:11px}.starter-aside{padding-top:10px}.aside-heading h2{font-size:23px}}
@media(max-width:900px){.global-head,.workspace,.global-foot{padding-left:24px;padding-right:24px}.studio-hero{gap:0}.hero-copy .page-title{font-size:34px;letter-spacing:-1.5px}.intro-copy{font-size:12px}.hero-art{height:295px}.hero-note small{font-size:8px}.hero-note strong{font-size:10px}.hero-note{gap:8px}.note-icon{width:30px;height:30px}.input-workspace{grid-template-columns:1fr}.starter-aside{display:none}.preview-layout{grid-template-columns:1fr}.preview-panel,.editor-panel{max-width:730px;width:100%;margin:0 auto}.editor-fields{max-height:none}.results-grid{gap:17px}.result-labels .document-icon{display:none}.compact-intro .badge{display:none}}
@media(max-width:767px){.studio-hero{grid-template-columns:1fr;padding:10px 0 15px;gap:12px}.hero-copy .page-title{font-size:40px}.hero-art{height:240px;max-width:510px;width:100%;margin:0 auto}.hero-note{left:16px;right:16px;bottom:12px;max-width:320px}.hero-note small{font-size:9px}.hero-note strong{font-size:12px}.hero-benefits{font-size:10px}.intro-copy{font-size:13px}.steps{margin-bottom:22px}.step{padding:9px 10px;gap:8px}.step .step-text{font-size:11px}.form-panel{padding:26px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumb{padding:16px 25px}.compact-intro .page-title{font-size:29px}.results-top{padding:22px}.lesson-summary h2{font-size:21px}.mini-stats{flex:none;max-width:115px;justify-content:flex-end}}
@media(max-width:600px){.global-head{padding:18px 18px}.workspace{padding:10px 18px 34px}.global-foot{padding:22px 18px}.logo-area{gap:10px}.logo-mark{width:36px;height:36px;border-radius:11px;gap:4px}.logo-word{font-size:18px}.logo-word small{font-size:9px;margin-top:5px}.offline{display:none}.version{font-size:10px}.studio-hero{margin-bottom:22px}.hero-copy .page-title{font-size:32px;letter-spacing:-1.5px;line-height:1.45}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.intro-copy{font-size:12px;line-height:1.9;margin-top:13px}.desktop-break{display:none}.hero-cta{margin-top:20px;min-height:47px}.hero-benefits{gap:8px 10px;font-size:9px;margin-top:16px}.hero-art{height:185px;margin-top:8px;border-radius:18px}.hero-note{bottom:8px;left:6px;right:6px;max-width:280px;padding:9px 11px;border-radius:10px}.hero-note small{font-size:8px}.hero-note strong{font-size:10px}.note-icon{width:29px;height:29px;border-radius:8px}.note-icon svg{width:17px;height:17px}.steps{padding:5px;gap:4px;border-radius:12px}.step{padding:9px 7px;gap:5px;min-height:44px;border-radius:8px}.step .num{width:21px;height:21px;font-size:9px}.step .step-text{font-size:10px;letter-spacing:-.6px}.form-panel{padding:22px 18px;border-radius:17px}.section-head{display:block;padding-bottom:20px;margin-bottom:24px}.section-head .demo-label{margin-top:11px}.section-title{font-size:21px}.section-copy{font-size:11px}.form-grid{grid-template-columns:1fr;gap:18px}.field.full{grid-column:auto}.field label{font-size:12px}.field input,.field textarea,.field select{font-size:16px;padding:12px;min-height:48px}.field .help{font-size:10px}.checkline input{width:20px;height:20px;min-height:20px;margin-top:2px;padding:0}.checkline span{font-size:11px}.checkline strong{font-size:12px}.form-section{margin-bottom:26px}.form-section+ .form-section{padding-top:24px}.form-section legend{margin-bottom:17px}.form-section legend small{display:none}.form-section legend strong{font-size:14px}.warning-box{padding:12px;gap:9px;font-size:10px}.warning-box strong{font-size:11px}.save-actions{gap:0}.save-actions .btn{font-size:9px;padding-inline:3px;min-height:44px}.helper{font-size:9px}.compact-intro{display:block;margin:10px 0 23px}.compact-intro .page-title{font-size:25px;line-height:1.55;letter-spacing:-1px}.compact-intro .page-title em{display:block}.compact-intro .intro-copy{font-size:11px}.results-top{display:block;padding:21px}.lesson-summary h2{font-size:20px}.lesson-summary p{font-size:11px}.mini-stats{max-width:none;justify-content:flex-start;margin-top:13px}.results-grid{gap:12px;margin-top:17px}.result-card{border-radius:13px}.collection-meta{padding:11px 12px 8px;font-size:9px}.collection-meta>small{font-size:9px}.thumb{padding:13px 17px}.result-labels{padding:13px 12px;gap:5px}.result-labels strong{font-size:11px}.result-labels p{font-size:9px;line-height:1.7}.arrow{font-size:17px}.preview-layout{display:flex;flex-direction:column;gap:15px}.preview-panel,.editor-panel{padding:19px 15px;border-radius:17px}.preview-bar{gap:8px;flex-wrap:wrap;margin-bottom:14px}.preview-title{font-size:18px}.preview-bar p{font-size:10px}.preview-bar .demo-label{font-size:8px}.canvas-wrap{padding:10px;border-radius:10px}.canvas-wrap canvas{max-width:none}.canvas-hint{font-size:9px}.preview-actions .btn{font-size:11px;padding:10px 8px;min-height:46px;white-space:nowrap}.preview-actions .btn:last-child{padding-inline:10px}.mobile-edit-tabs{display:flex;gap:7px;margin-bottom:15px}.mobile-edit-tabs button{flex:1;min-height:46px;padding:10px;border:1px solid #d7e4da;border-radius:9px;background:#fff;color:#617d6b;font-size:11px;font-weight:750}.mobile-edit-tabs button.active{background:#e9f4ec;border-color:#91b8a4;color:#225f4f}.tabstrip{gap:6px;margin-bottom:15px}.doc-tab{min-height:44px;padding:10px 13px;font-size:11px}.editor-panel{display:none}.preview-layout.mode-edit .preview-panel{display:none}.preview-layout.mode-edit .editor-panel{display:block}.editor-fields{gap:18px}.editor-lead{font-size:11px}.editor-bottom .btn{font-size:10px}.guide{font-size:10px;padding:13px}.action-row{gap:7px}.action-row .btn{font-size:11px}.save-actions .btn{font-size:9px}.toast{font-size:11px;bottom:18px}.card-transcript summary{font-size:11px}.legal-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.result-card:hover:not(:disabled){transform:none}}
@media print{body{background:#fff}.global-head,.global-foot,.page-intro,.hosted-context,.steps,.mobile-edit-tabs,.editor-panel,.preview-bar,.preview-actions,.canvas-hint,.card-transcript,.guide,.tabstrip,.legal-note{display:none!important}.workspace{margin:0;padding:0}.panel{border:0;box-shadow:none}.preview-layout{display:block}.preview-panel{padding:0}.canvas-wrap{padding:0;border:0;background:#fff}.canvas-wrap canvas{width:100%;max-width:none;box-shadow:none}}

/* LabMind brand alignment: white, navy, blue and teal. */
:root{--ink:#0b1f3a;--muted:#64748b;--line:#dfe7f0;--bg:#f7f9fd;--main:#087f8c;--main-dark:#066b76;--wash:#edf5fc;--shadow:0 14px 40px #0b1f3a08}
body{background:radial-gradient(ellipse at 78% 5%,#edf0ff88,transparent 38%),#f8faff;color:var(--ink)}
.global-head{max-width:1280px;padding:18px 32px;background:#fff;border-bottom:1px solid #e6ecf4;border-radius:0 0 18px 18px}.logo-area{gap:15px}.brand-logo{display:block;width:156px;height:52px;object-fit:contain}.studio-wordmark{display:block;padding-left:15px;border-left:1px solid #dce5ef;font-size:13px;font-weight:800;line-height:1.65;white-space:nowrap}.studio-wordmark small{display:block;color:#71849c;font-size:9px;font-weight:600;letter-spacing:1px}.offline{background:#f5f9fd;border-color:#dbe6f2;color:#466588}.head-right{gap:12px}
.workspace{max-width:1280px;padding:22px 32px 56px}.global-foot{max-width:1280px;border-color:#dfe7f1;color:#72839a}.hosted-context{max-width:1280px!important;padding:14px 32px 0!important;margin-bottom:0!important;color:#71839a!important}.hosted-context strong{color:#365b80!important}
.studio-hero{grid-template-columns:1.02fr .98fr;gap:52px;min-height:452px;padding:30px 0 48px;margin-bottom:0}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 11px;margin-bottom:20px;border:1px solid #d9e6f7;border-radius:30px;background:#eef4ff;font-size:10px;color:#326198;letter-spacing:1.5px}.eyebrow>span{background:#4280c2}.hero-copy .page-title{font-size:44px;line-height:1.3;letter-spacing:-2px}.page-title em{color:#21669d}.hero-copy .intro-copy{margin-top:23px;font-size:15px;line-height:1.9;color:#5d7590}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:25px}.hero-actions .hero-cta{margin:0;padding:14px 22px;border-radius:28px;box-shadow:0 7px 18px #0b1f3a15}.hero-how{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-size:13px;font-weight:700;color:#54728e}.hero-how:hover{color:#087f8c}.hero-benefits{gap:9px 16px;margin-top:22px;flex-wrap:wrap;color:#54728e;font-size:11px}.hero-benefits span:before{color:#087f8c}
.hero-art{position:relative;height:auto;overflow:visible;border-radius:0;margin:0;padding-bottom:18px;min-width:0}.teacher-photo{position:relative;height:370px;overflow:hidden;border:1px solid #e0e8f0;border-radius:25px;box-shadow:0 20px 50px #17365912;background:#e7eef5}.teacher-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%}.ai-image-badge{position:absolute;top:13px;right:13px;padding:5px 8px;border-radius:6px;background:#0b1f3adb;color:#fff;font-size:9px;line-height:1.5;letter-spacing:0}.hero-note{left:-20px;right:auto;bottom:0;width:calc(100% - 28px);max-width:346px;border:1px solid #dce6ee;border-radius:15px;background:#fffffffa;box-shadow:0 12px 30px #18395712;padding:15px}.hero-note .note-icon{background:#eaf4fb;color:#21669d}.hero-note small{font-size:10px;color:#6b8097}.hero-note strong{font-size:12px;color:#153857}
.studio-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 32px;scroll-margin-top:20px}.studio-workflow article{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid #dfe7f1;border-radius:17px;background:#fff;box-shadow:0 5px 20px #0b1f3a03;min-width:0}.workflow-icon{flex:0 0 39px;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#edf4ff;color:#28679e}.workflow-icon svg{width:22px;height:22px}.studio-workflow article:nth-child(2) .workflow-icon{background:#eaf6f5;color:#087f8c}.studio-workflow article:nth-child(3) .workflow-icon{background:#f0edff;color:#7357ad}.studio-workflow small{font-size:10px;color:#72859a;letter-spacing:.3px}.studio-workflow h2{margin:4px 0 7px;font-size:15px;line-height:1.5;letter-spacing:-.5px}.studio-workflow p{margin:0;color:#6d8195;font-size:12px;line-height:1.8}
.btn:not(.secondary):not(.soft):not(.danger){background:#0b1f3a;border-color:#0b1f3a;color:#fff}.btn:not(.secondary):not(.soft):not(.danger):hover{background:#173b60;border-color:#173b60}.btn.soft{background:#edf4fc;border-color:#d9e6f3;color:#245b8c}.btn.secondary{border-color:#d6e2ee;color:#315a7d}.steps{border-color:#dfe7f1;background:#edf2f8}.step.on{border-color:#d9e4f0;box-shadow:0 3px 10px #17365906}.panel{border-color:#dde6f0;box-shadow:0 8px 30px #14375c04}.form-panel{border-top:3px solid #245e94}.label-mini{color:#437297}.form-section legend>span{background:#edf4fc;color:#245e94}.form-section+.form-section{border-color:#e6edf5}.field input,.field textarea,.field select{border-color:#d8e3ef;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6599c8;box-shadow:0 0 0 3px #2d6fa810}.checkline{background:#f1f6fc;border-color:#e0eaf5}.checkline input{accent-color:#087f8c}.topic-recommend>.btn{background:#edf4ff;border:1px solid #d2e2f6;color:#1e5b92;font-weight:750}.topic-recommend>p{color:#657e97}.recommendation-panel{border-color:#cbdff1;background:#f2f7fe}.recommendation-panel .recommendation-choice{border-color:#d8e5f1}.recommendation-choice:has(input:checked){border-color:#3d82b5;background:#eaf4ff}.recommendation-panel .recommendation-choice input{accent-color:#087f8c}.recommendation-choices legend small,.recommendation-note,.recommendation-apply>span{color:#5e7890}.wording-options{background:#f0f6fc;border-color:#d6e5f3}.wording-options small{color:#5f7891}.starter-aside{padding:22px 19px;border:1px solid #dce7f2;border-radius:20px;background:linear-gradient(155deg,#fff,#f1f6fd);box-shadow:0 10px 30px #14375c04}.aside-heading h2{color:#133656;font-size:23px}.aside-heading p{color:#698096}.document-menu>div{border-color:#dfe8f3}.aside-example{border-color:#d7e4f1}.guide{background:#edf4fb;border-color:#d9e5f2;color:#536e89}.result-card{border-color:#dce6f0;box-shadow:0 8px 25px #14375c04}.result-card:hover:not(:disabled){border-color:#9bbcd9;box-shadow:0 12px 30px #14375c0b}.preview-panel{border-top:3px solid #245e94}.preview-bar{border-color:#e1eaf3}.canvas-wrap{background:#edf2f7;border-color:#dce6ef}
@media(max-width:1000px){.studio-hero{gap:30px}.hero-copy .page-title{font-size:38px}.teacher-photo{height:330px}.studio-workflow article{padding:16px;gap:10px}.studio-workflow h2{font-size:14px}.workflow-icon{width:34px;height:34px;flex-basis:34px}.hero-note{left:-8px}.brand-logo{width:143px;height:48px}}
@media(max-width:760px){.global-head{padding:16px 22px}.workspace{padding:17px 22px 40px}.hosted-context{padding:12px 22px 0!important}.studio-hero{grid-template-columns:1fr;gap:24px;padding:20px 0 27px;min-height:0}.hero-copy .page-title{font-size:38px}.hero-copy .intro-copy{font-size:15px;max-width:500px}.hero-art{max-width:none;width:100%;padding-bottom:19px}.teacher-photo{height:315px}.hero-note{left:14px;max-width:338px}.studio-workflow{gap:10px;margin-bottom:25px}.studio-workflow article{display:block;padding:15px}.workflow-icon{margin-bottom:10px}.studio-workflow p{font-size:11px}.studio-workflow h2{font-size:14px}.studio-wordmark{font-size:12px}}
@media(max-width:600px){.global-head{padding:13px 18px;border-radius:0}.brand-logo{width:128px;height:43px}.workspace{padding:15px 18px 34px}.hosted-context{padding:11px 18px 0!important;font-size:11px!important;line-height:1.7}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:14px;padding:6px 10px}.hero-copy .page-title{font-size:33px;letter-spacing:-1.6px;line-height:1.38}.hero-copy .intro-copy{font-size:14px;line-height:1.9;margin-top:15px}.hero-actions{gap:7px 15px;margin-top:19px}.hero-actions .hero-cta{padding:12px 19px;font-size:13px}.hero-how{font-size:12px}.hero-benefits{font-size:10px;gap:7px 12px;margin-top:15px}.teacher-photo{height:235px;border-radius:19px}.hero-note{left:10px;width:calc(100% - 20px);max-width:320px;padding:12px;gap:10px}.hero-note strong{font-size:11px}.hero-note small{font-size:9px}.ai-image-badge{top:10px;right:10px;font-size:8px}.studio-workflow{gap:7px}.studio-workflow article{padding:13px 10px;border-radius:13px}.studio-workflow small{font-size:8px}.studio-workflow h2{font-size:12px;line-height:1.65;letter-spacing:-.6px;margin-bottom:0}.studio-workflow p{display:none}.workflow-icon{width:31px;height:31px}.studio-wordmark{display:none}.form-panel{border-top-width:3px}.hero-art{margin:0}.global-foot{background:#f8faff}.head-right{gap:8px}}
@media print{.studio-workflow,.hero-actions,.teacher-photo{display:none!important}}
/* V1.8 — LabMind's photography, clear form hierarchy and teal accents. */
.studio-hero{gap:58px;padding-top:24px;padding-bottom:44px}
.hero-copy .eyebrow{border:0;background:transparent;padding:0;color:#087f8c;letter-spacing:1.8px}
.hero-copy .eyebrow>span{height:2px;width:28px;background:#087f8c}
.hero-copy .page-title{font-weight:800;letter-spacing:-2.2px;line-height:1.36}
.hero-copy .page-title em{position:relative;display:inline-block;color:#14578d}
.hero-copy .page-title em:after{content:"";display:block;width:54px;height:3px;margin-top:16px;background:#0a9298}
.hero-copy .intro-copy{margin-top:20px;color:#526b83}
.hero-actions .hero-cta{border-radius:11px!important;padding:14px 23px;box-shadow:0 6px 16px #0b1f3a14}
.hero-art{height:auto;padding-bottom:29px}
.photo-chapter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 4px 11px;font-size:10px;line-height:1.6;color:#52718d}
.photo-chapter span{font-weight:800;letter-spacing:1.7px;color:#0a7b85}
.photo-chapter small{font-size:10px}
.teacher-photo{height:354px;border-radius:20px 20px 44px 20px;box-shadow:0 18px 46px #123a5a12}
.hero-note{left:-12px;bottom:2px;width:calc(100% - 150px);max-width:328px;border-left:3px solid #0a9298;border-radius:11px;padding:14px;gap:10px}
.hero-note strong{line-height:1.7;font-size:12px;word-break:keep-all}
.hero-card-sample{position:absolute;bottom:-3px;right:12px;width:126px;transform:rotate(6deg);padding:5px 5px 0;border:1px solid #dae5ee;border-radius:9px;background:#fff;box-shadow:0 10px 24px #15385624}
.hero-card-sample:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #dce8ef;border-radius:9px;background:#eef6f8;transform:rotate(-11deg)}
.hero-card-sample canvas{display:block;width:100%;height:auto;border-radius:5px}
.hero-card-sample>span{display:block;padding:6px 0;text-align:center;color:#405c75;font-size:8px;font-weight:700}
.studio-workflow{gap:0;border:1px solid #dbe6f0;border-radius:15px;background:#fff;overflow:hidden;margin-bottom:28px}
.studio-workflow article{padding:20px 22px;border:0;border-radius:0;box-shadow:none;background:transparent}
.studio-workflow article+article{border-left:1px solid #e4ecf4}
.studio-workflow h2{font-size:15px;color:#143656}
.studio-workflow p{color:#596f85}
.steps{padding:6px;background:#eaf1f8;border-radius:12px}
.step{border-radius:8px}.step.on{border-color:#d3e2ee;background:#fff}
.form-panel{border-top:3px solid #087f8c;border-radius:17px}
.section-head{padding-bottom:24px}.section-title{letter-spacing:-.8px}
.form-section{padding:22px 0 8px}
.form-section legend>span{background:#0b1f3a;color:#fff;border-radius:9px}
.form-section legend strong{color:#153754}
.field input,.field textarea,.field select{border-radius:9px}
.field-title{color:#26435d}.field .help{color:#5d7187}
.topic-recommend>.btn{border-color:#badcde;background:#eef8f8;color:#066f79;border-radius:9px}
.topic-recommend>.btn:hover{background:#e0f2f2}
.recommendation-panel{border-left:3px solid #087f8c;background:#f1f8fa}
.starter-aside{border-radius:17px;background:#fff;padding:22px 19px}
.aside-heading .label-mini{color:#087f8c}
.aside-heading h2:after{content:"";display:block;width:28px;height:2px;background:#087f8c;margin-top:15px}
.document-menu>div{padding-block:12px}.document-menu small{color:#60788d}
.aside-example{margin-top:23px;padding:15px 12px;border-radius:13px;background:#f3f7fb;border-color:#e0e9f1}
.aside-example>.example-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0 17px}
.example-picker button{min-width:0;min-height:44px;padding:7px 4px;border:1px solid #d6e3ed;border-radius:7px;background:#fff;color:#526c83;font-size:10px;font-weight:700;line-height:1.6;word-break:keep-all}
.example-picker button[aria-pressed="true"]{color:#fff;background:#0b1f3a;border-color:#0b1f3a}
.example-picker button:hover{border-color:#087f8c}
.aside-example canvas{border:1px solid #dfe8ef;border-radius:6px;box-shadow:0 9px 24px #173d5d13}
.aside-example .example-disclaimer{font-size:10px;line-height:1.8;color:#61768b;margin-top:9px}
.result-card{border-radius:15px}.result-card .thumb{background:#f1f5fa}
.compact-intro .page-title em{color:#14578d}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#087f8c;outline-width:3px;outline-offset:3px}
@media(max-width:1100px){.studio-hero{gap:35px}.teacher-photo{height:320px}.hero-note small{display:none}.hero-note{width:calc(100% - 135px)}.hero-card-sample{width:113px}.studio-workflow article{padding:18px 16px}}
@media(max-width:760px){.studio-hero{gap:24px;padding-bottom:30px}.hero-art{padding-bottom:24px}.teacher-photo{height:315px}.hero-note{left:8px;bottom:0;width:calc(100% - 163px)}.hero-note small{display:block}.hero-card-sample{right:16px;width:128px}.studio-workflow article{padding:16px 13px}.studio-workflow h2{font-size:13px}.studio-workflow article+article{border-left-color:#e2eaf2}}
@media(max-width:600px){.hero-copy .page-title{font-size:33px;letter-spacing:-1.7px}.hero-copy .page-title em:after{margin-top:12px;width:38px;height:2px}.hero-copy .intro-copy{margin-top:14px}.hero-art{padding-bottom:23px}.photo-chapter{font-size:9px;margin-bottom:8px}.photo-chapter span{letter-spacing:1.2px}.photo-chapter small{font-size:8px}.teacher-photo{height:234px;border-radius:16px 16px 30px 16px}.hero-note{left:7px;width:calc(100% - 124px);padding:10px;gap:8px}.hero-note .note-icon{display:none}.hero-note small{font-size:8px}.hero-note strong{font-size:10px}.hero-card-sample{right:9px;width:102px;bottom:0}.hero-card-sample>span{font-size:7px;padding:4px 0}.studio-workflow{border-radius:11px;margin-bottom:22px}.studio-workflow article{padding:13px 9px}.studio-workflow h2{font-size:12px}.workflow-icon{margin-bottom:9px}.form-panel{border-radius:13px}.form-section{padding-top:18px}.section-head{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.hero-card-sample,.photo-chapter{display:none!important}}


.package-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #c6dfe3;border-radius:9px;background:#eff8f8;color:#086c77;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap}.package-entry:hover{background:#e3f1f2}.package-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;padding:20px 24px;border:1px solid #c8dfe7;border-radius:13px;background:linear-gradient(110deg,#eff8f8,#f4f7fe);min-width:0}.package-callout>div{min-width:0}.package-tag{display:block;font-size:9px;font-weight:800;color:#087f8c;letter-spacing:.4px;margin-bottom:6px}.package-callout strong{display:block;font-size:16px;line-height:1.7;letter-spacing:-.5px;word-break:keep-all}.package-callout p{margin:5px 0 0;font-size:12px;line-height:1.8;color:#365d77}.package-callout p span{font-size:10px;color:#59758a}.package-callout>a{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #c3d8e5;border-radius:8px;background:#fff;text-decoration:none;font-size:12px;font-weight:750;color:#175b88}
@media(max-width:760px){.package-callout{padding:18px;gap:12px}.package-callout strong{font-size:14px}.package-callout p{font-size:11px}}
@media(max-width:600px){.global-head .package-entry{font-size:10px;padding:8px 9px;min-height:44px}.global-head .head-right{gap:6px}.global-head .brand-logo{width:116px}.package-callout{align-items:flex-start;flex-direction:column;padding:17px;margin-bottom:22px}.package-callout strong{font-size:13px}.package-callout p{font-size:11px}.package-callout p span{font-size:9px}.package-callout>a{font-size:11px;padding:8px 12px}.package-callout .package-tag{font-size:8px}}
@media(max-width:350px){.global-head{padding-inline:14px}.global-head .brand-logo{width:98px}.global-head .package-entry{padding:8px;font-size:9px}.global-head .site-return{padding:9px 8px;font-size:10px}.global-head .head-right{gap:5px}}
@media print{.package-callout,.package-entry{display:none!important}}

.site-return{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #dbe3ed;border-radius:12px;background:#fff;font-size:13px;font-weight:750;white-space:nowrap;text-decoration:none;color:#315c7e}.site-return:hover{background:#edf5fc}.hosted-context{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#65778c}.hosted-context strong{color:#315c7e}@media(max-width:600px){.site-return{padding:9px 10px;font-size:12px}.global-head{gap:10px}}