.q-page{--q-paper:#f5f5f1;--q-ink:#091f29;--q-muted:#53636a;--q-line:#d9e0df;--q-accent:#136f80;background:var(--q-paper);color:var(--q-ink)}
.q-header{max-width:1380px;margin:auto;min-height:96px;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--q-line)}
.q-header img{width:240px;height:auto}.q-exit{font-size:13px;font-weight:700;padding-block:12px}.q-exit span{margin-left:14px;color:var(--q-accent)}
.q-shell{max-width:1240px;padding:64px 40px 80px;margin:auto}.q-intro{margin-bottom:44px}.q-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--q-accent);margin-bottom:18px}.q-intro h1{font-size:clamp(32px,3.5vw,49px);line-height:1.2;letter-spacing:-.035em;margin-bottom:20px}.q-intro>p:last-child{color:var(--q-muted);font-size:17px;line-height:1.8}
.q-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}.q-workspace{min-width:0}.q-chapters{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:var(--q-muted)}.q-chapters .is-current{color:var(--q-accent)}.q-progress{height:3px;background:var(--q-line);margin:15px 0 16px;overflow:hidden}.q-progress>span{display:block;height:100%;width:12.5%;background:var(--q-accent);transition:width .25s ease}.q-step-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--q-muted);gap:12px;margin-bottom:30px}
.q-page h2.q-question{font-size:clamp(25px,2.4vw,32px);line-height:1.3;letter-spacing:-.025em;margin-bottom:12px}.q-question:focus{outline:none}.q-help{font-size:15px;color:var(--q-muted);line-height:1.7;margin-bottom:24px}.q-help a{text-decoration:underline}.q-field{margin:22px 0}.q-field>label,.q-field>legend{display:block;font-size:14px;font-weight:700;margin:0 0 8px;padding:0}.q-optional{font-weight:400;color:var(--q-muted);font-size:12px}.q-page input:not([type=radio]):not([type=checkbox]),.q-page textarea,.q-page select{font:400 16px/1.5 var(--font);background:#fff;color:var(--q-ink);width:100%;border:1px solid #aab8b9;border-radius:3px;padding:13px 14px;min-height:50px;transition:border-color .15s}.q-page textarea{resize:vertical;min-height:104px}.q-page input:focus,.q-page textarea:focus,.q-page select:focus{outline:2px solid var(--q-accent);outline-offset:2px}.q-page [aria-invalid=true]{border-color:#a53328!important}.q-field-help{font-size:12px;color:var(--q-muted);margin:6px 0 0}.q-field-error{font-size:13px;color:#9a3028;margin:5px 0 0}.q-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.q-two-fields .q-field{margin-block:0 22px}
.q-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-choice{position:relative;display:block!important;margin:0!important;cursor:pointer;min-width:0}.q-choice input{position:absolute;opacity:0;width:1px;height:1px}.q-choice-body{display:flex;flex-direction:column;gap:5px;border:1px solid var(--q-line);background:#fff;padding:17px 18px;height:100%;min-height:78px;border-radius:3px;transition:border-color .15s,background-color .15s}.q-choice-body strong{font-size:14px;line-height:1.5;padding-right:18px}.q-choice-body small{font-weight:400;font-size:12px;color:var(--q-muted);line-height:1.6}.q-choice input:checked+.q-choice-body{border-color:var(--q-accent);box-shadow:inset 0 0 0 1px var(--q-accent);background:#f1f8f7}.q-choice input:checked+.q-choice-body::after{content:'✓';position:absolute;right:13px;top:14px;font-size:15px;color:var(--q-accent)}.q-choice input:focus-visible+.q-choice-body{outline:3px solid var(--q-accent);outline-offset:3px}.q-choice:hover .q-choice-body{border-color:var(--q-accent)}.q-options.q-single{grid-template-columns:1fr}.q-options.q-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.q-chips .q-choice-body{min-height:52px;padding:14px 10px}.q-chips .q-choice-body strong{font-size:12px}.q-chips input:checked+.q-choice-body::after{right:7px;top:13px}
.q-style-example{display:grid;grid-template-columns:1fr .65fr;align-items:center;gap:12px;height:98px;padding:16px;background:#e9eeed;color:#18313b;margin-bottom:8px;overflow:hidden;pointer-events:none}.q-style-example b{font:700 22px/1.1 var(--font);letter-spacing:-.04em}.q-style-example i{display:block;height:68px;background:currentColor;opacity:.2}.q-style-example[data-style=warm]{background:#f1e9db;color:#5b533c}.q-style-example[data-style=warm] i{border-radius:50% 50% 0 0}.q-style-example[data-style=editorial]{background:#efeeeb;color:#222}.q-style-example[data-style=editorial] b{font-family:Georgia,serif;font-weight:400}.q-style-example[data-style=bold]{background:#233942;color:#fff}.q-style-example[data-style=bold] b{text-transform:uppercase;font-size:23px}.q-style-example[data-style=bold] i{background:#e6ad62;opacity:1;transform:rotate(-9deg)}.q-palette{display:flex;gap:5px;margin-bottom:7px}.q-palette i{display:block;width:29px;height:29px;border-radius:50%;border:1px solid #0002}.q-font-preview{display:block;font-size:25px;margin-bottom:5px}.q-font-preview.serif{font-family:Georgia,serif}.q-font-preview.strong{font-family:var(--font);font-weight:700;letter-spacing:-.055em}
.q-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--q-line);padding-top:24px;margin-top:30px}.q-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:50px;padding:13px 22px;color:#fff;background:var(--q-accent);border:1px solid var(--q-accent);border-radius:3px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.q-primary:hover{background:var(--q-ink)}.q-primary:disabled{opacity:.6;cursor:wait}.q-back{border:0;background:transparent;font-size:13px;font-weight:700;min-height:44px;padding:8px 0}.q-save-note{font-size:11px;color:var(--q-muted);margin:16px 0 0}.q-error{color:#9a3028;background:#fbedeb;border-left:3px solid #ae4138;padding:14px 16px;font-size:14px;margin-top:20px}.q-notice{padding:16px 20px;background:#e8efee;border-left:3px solid var(--q-accent);margin:0 0 25px;font-size:14px}.q-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.q-sidebar{position:sticky;top:28px}.q-style-card{--card-base:#193a47;--card-paper:#e7efed;--card-detail:#bbceca;background:var(--q-ink);color:#fff;box-shadow:0 14px 32px #091f290c}.q-card-top{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid #ffffff25;font-size:10px;letter-spacing:.13em}.q-card-dot{width:6px;height:6px;background:#37ceff;border-radius:50%}.q-card-art{height:170px;position:relative;overflow:hidden;background:var(--card-paper);color:var(--card-base);margin:20px 20px 0;transition:background .2s,color .2s}.q-art-word{position:absolute;left:22px;top:18px;font:700 90px/1 var(--font);letter-spacing:-.06em;z-index:1}.q-art-rule{position:absolute;left:24px;bottom:23px;width:68px;height:5px;background:currentColor}.q-art-circle{position:absolute;right:-26px;bottom:-30px;width:160px;height:160px;border-radius:50%;background:var(--card-detail)}.q-card-art[data-style=editorial] .q-art-word{font-family:Georgia,serif;font-weight:400}.q-card-art[data-style=bold] .q-art-circle{border-radius:0;transform:rotate(-14deg)}.q-card-art[data-style=warm] .q-art-circle{border-radius:60% 60% 0 0}.q-card-body{padding:25px 24px 20px}.q-card-caption{font-size:9px;letter-spacing:.12em;color:#a8c1ca;margin-bottom:10px}.q-card-body h2{font-size:24px;color:#fff;overflow-wrap:anywhere;line-height:1.3;margin-bottom:13px}.q-card-body>p:not(.q-card-caption){font-size:13px;line-height:1.8;color:#d4e0e4}.q-swatches{display:flex;gap:8px;margin:22px 0 14px}.q-swatches span{width:27px;height:27px;border:1px solid #fff5;border-radius:50%}.q-card-traits{min-height:24px}.q-card-goal{border-top:1px solid #ffffff26;margin-top:20px;padding-top:18px}.q-card-goal>span{font-size:9px;letter-spacing:.12em;color:#a8c1ca}.q-card-goal p{font-size:13px;line-height:1.7;margin-top:6px}.q-card-footnote{padding:15px 24px;font-size:10px;color:#a8c1ca;background:#ffffff06}.q-side-note{font-size:12px;color:var(--q-muted);padding:21px 7px 0;line-height:1.8}#style-toggle{display:none}
.q-price-summary{background:#e8efee;border-left:3px solid var(--q-accent);padding:20px 22px;margin-top:24px}.q-price-summary p{font-size:13px;color:var(--q-muted)}.q-price-summary .q-price{font-size:24px;color:var(--q-ink);font-family:var(--font);font-weight:700;line-height:1.5;margin:6px 0}.q-price-summary .q-price small{font:400 13px var(--font)}.q-terms{font-size:11px!important;line-height:1.8;margin-top:12px}.q-review-row{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-bottom:1px solid var(--q-line)}.q-review-row h3{font-size:15px;margin-bottom:5px}.q-review-row p{font-size:14px;color:var(--q-muted);white-space:pre-line;overflow-wrap:anywhere}.q-edit{align-self:flex-start;background:none;border:0;border-bottom:1px solid var(--q-accent);padding:4px 0;color:var(--q-accent);font-size:12px;min-height:36px;white-space:nowrap}.q-check{display:flex!important;gap:12px;align-items:flex-start;font-size:13px!important;font-weight:400!important;line-height:1.8;margin-top:22px!important}.q-check input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--q-accent)}.q-check a{text-decoration:underline}.q-success{max-width:750px;margin:auto;background:#fff;padding:40px;border-top:4px solid var(--q-accent)}.q-success h2{font-size:32px;margin:10px 0 20px}.q-success p{margin-top:16px;color:var(--q-muted)}.q-success ol{padding-left:22px;margin-block:24px}.q-success li{padding:8px 0}.q-footer{max-width:1380px;margin:auto;border-top:1px solid var(--q-line);padding:25px 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:12px;color:var(--q-muted)}.q-footer a{text-decoration:underline;text-underline-offset:4px}#step-content{animation:q-enter .2s ease both}.q-materials{max-width:840px}.q-materials h2{font-size:25px;margin:30px 0 12px}.q-materials h3{font-size:17px}.q-reference{padding:22px 0;border-bottom:1px solid var(--q-line)}.q-file-list{list-style:none;padding:0;margin:20px 0}.q-file-list li{padding:10px 0;border-bottom:1px solid var(--q-line);font-size:14px;overflow-wrap:anywhere}.q-status-line{font-size:13px;margin-top:15px;color:var(--q-accent)}.q-reference-intro{padding:24px;background:#e8efee;border-left:3px solid var(--q-accent);margin:25px 0}.q-reference-intro h2{margin-top:0}.q-reference-intro p{font-size:14px}.q-materials details{border-block:1px solid var(--q-line);padding:16px 0;margin:24px 0}.q-materials summary{cursor:pointer;font-weight:700}.q-materials pre{white-space:pre-wrap;font:14px/1.7 var(--font);overflow-wrap:anywhere}
@keyframes q-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:901px){#style-card{display:block!important}}
@media(max-width:1000px){.q-layout{gap:32px;grid-template-columns:minmax(0,1fr) 280px}.q-shell{padding-inline:28px}.q-header{padding-inline:28px}}
@media(max-width:900px){.q-layout{grid-template-columns:1fr}.q-sidebar{position:static;grid-row:1}.q-style-card{display:none;max-width:440px;margin:0 auto}.q-sidebar.is-open .q-style-card{display:block}.q-side-note{display:none}#style-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--q-ink);color:#fff;border:0;padding:15px 18px;font-size:13px;font-weight:700;min-height:48px}.q-layout{gap:26px}.q-intro{margin-bottom:28px}.q-card-art{height:100px}.q-art-word{font-size:66px;top:12px}.q-art-rule{display:none}.q-card-body{padding-top:20px}}
@media(max-width:520px){.q-header{min-height:76px;padding:18px 20px;gap:12px}.q-header img{width:175px}.q-exit{font-size:11px}.q-exit span{margin-left:5px}.q-shell{padding:34px 20px 52px}.q-intro h1{font-size:32px}.q-intro>p:last-child{font-size:15px}.q-intro br{display:none}.q-eyebrow{font-size:9px;letter-spacing:.09em}.q-chapters{font-size:10px;gap:8px}.q-step-meta{font-size:10px}.q-two-fields{grid-template-columns:1fr;gap:0}.q-options{gap:10px}.q-choice-body{padding:14px 12px}.q-choice-body strong{font-size:13px}.q-options.q-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.q-style-example{height:88px;padding:10px;gap:7px}.q-style-example b{font-size:20px}.q-style-example i{height:56px}.q-primary{font-size:13px;padding-inline:16px;gap:16px}.q-navigation{align-items:center}.q-price-summary{padding:18px}.q-price-summary .q-price{font-size:21px}.q-success{padding:25px}.q-success h2{font-size:26px}.q-footer{padding:24px 20px;font-size:11px}.q-review-row{gap:12px}.q-edit{font-size:11px}}
@media(prefers-reduced-motion:reduce){.q-page *, .q-page *::before, .q-page *::after{animation:none!important;transition:none!important}}

.q-refinements{border-block:1px solid var(--q-line);padding:17px 0;margin:25px 0}.q-refinements summary{font-size:14px;font-weight:700;cursor:pointer;min-height:32px}.q-refinements summary span{font-weight:400;font-size:12px;color:var(--q-muted)}

.q-side-price{padding:18px 22px;background:#e8efee;margin-top:16px;border-left:3px solid var(--q-accent)}.q-side-price>span{display:block;font-size:9px;letter-spacing:.1em;color:var(--q-muted)}.q-side-price strong{display:block;font:700 20px/1.5 var(--font);margin:7px 0}.q-side-price small{font-size:10px;color:var(--q-muted)}

/* Shared studio language: navy, generous typography, soft controls. */
.q-page{--q-paper:var(--navy);--q-ink:#f6f8f9;--q-muted:#b5c8d1;--q-line:#ffffff29;--q-accent:#37ceff;background:var(--q-paper);color:var(--q-ink)}
.q-header{max-width:1520px;min-height:118px;padding:28px var(--gutter);border:0}.q-header img{width:224px;filter:brightness(0) invert(1)}.q-exit{font-weight:500;font-size:14px;padding:11px 20px;border:1px solid var(--q-line);border-radius:40px;min-height:46px}.q-exit:hover{background:var(--surface)}.q-exit span{margin-left:15px}
.q-shell{max-width:1400px;padding:40px var(--gutter) 100px}.q-intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:80px;align-items:end;margin-bottom:60px}.q-eyebrow{grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:-.01em;text-transform:none;font-weight:400;color:var(--q-muted);margin-bottom:24px}.q-eyebrow::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.q-intro h1{font-size:clamp(41px,4.9vw,70px);line-height:1.06;font-weight:500;letter-spacing:-.05em;margin:0}.q-intro>p:last-child{font-size:16px;line-height:1.75;max-width:370px;padding-bottom:5px}.q-intro>p:last-child br{display:none}
.q-layout{grid-template-columns:310px minmax(0,1fr);gap:85px}.q-workspace{grid-column:2;grid-row:1}.q-sidebar{grid-column:1;grid-row:1;top:25px}.q-chapters{font-size:12px;font-weight:400;gap:15px}.q-chapters .is-current{font-weight:600}.q-progress{height:7px;border-radius:20px;margin-block:18px}.q-progress>span{border-radius:20px}.q-step-meta{font-size:12px;margin-bottom:36px}.q-page h2.q-question{font-size:clamp(27px,2.8vw,37px);line-height:1.17;font-weight:500;letter-spacing:-.04em;max-width:22ch;margin-bottom:17px}.q-help{font-size:14px;line-height:1.8;margin-bottom:27px;max-width:55ch}
.q-page fieldset{border:0;padding:0;min-width:0}.q-field{margin-block:23px}.q-field>label,.q-field>legend{font-size:14px;font-weight:500;margin-bottom:10px}.q-page input:not([type=radio]):not([type=checkbox]),.q-page textarea,.q-page select{background:#122f3d;color:var(--q-ink);border:1px solid #3a5664;border-radius:14px;padding:16px 18px;min-height:56px;font-family:var(--font);letter-spacing:-.02em}.q-page textarea{min-height:116px}.q-page :is(input,textarea)::placeholder{color:#9bafba;opacity:1}.q-page :is(input,textarea,select):hover{border-color:#718b98}.q-page [aria-invalid=true]{border-color:#f5a292!important}.q-field-error{color:#ffb9aa}.q-field-help{font-size:12px;margin-top:9px;line-height:1.7}.q-optional{font-size:12px;margin-left:4px}
.q-options{gap:13px}.q-choice-body{border:1px solid #3a5664;background:var(--surface);border-radius:16px;padding:20px;transition:background .2s,border-color .2s,transform .2s}.q-choice:hover .q-choice-body{transform:translateY(-2px);background:#193d4d}.q-choice-body strong{font-weight:500;font-size:14px}.q-choice-body small{font-size:12px}.q-choice input:checked+.q-choice-body{background:#174457;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.q-choice input:checked+.q-choice-body::after{top:16px;right:14px}.q-chips .q-choice-body{border-radius:40px;padding:14px 15px;min-height:50px}.q-chips .q-choice-body strong{font-size:12px;font-weight:400}.q-chips input:checked+.q-choice-body::after{right:13px}.q-style-example{border-radius:10px;margin-bottom:12px}.q-font-preview{font-size:28px}.q-refinements{padding-block:21px}.q-refinements summary{font-size:14px;font-weight:500;line-height:1.8}.q-refinements summary span{display:block;margin-top:5px}
.q-style-card{background:#153645;border:1px solid #ffffff18;border-radius:25px;overflow:hidden;box-shadow:none}.q-card-top{padding:21px 23px;font-size:11px;letter-spacing:.03em;font-weight:400;border-bottom:0}.q-card-art{border-radius:15px 15px 50px 15px;margin:0 18px;height:175px}.q-art-word{font-family:var(--font);font-weight:500}.q-card-body{padding:27px 23px}.q-card-caption{font-size:10px;letter-spacing:.025em}.q-card-body h2{font-size:29px;font-weight:500;letter-spacing:-.04em;line-height:1.15}.q-card-body>p:not(.q-card-caption){font-size:13px;line-height:1.7}.q-swatches span{width:30px;height:30px}.q-card-goal>span{font-size:10px;letter-spacing:.035em}.q-card-footnote{padding:16px 23px;font-size:11px;line-height:1.7}.q-side-note{font-size:12px;padding-inline:5px}.q-side-price{background:#163b4b;border:1px solid #396170;border-radius:18px;padding:19px 22px}.q-side-price>span{font-size:11px;letter-spacing:0}.q-side-price strong{font-family:var(--font);font-weight:500;font-size:23px}.q-side-price small{font-size:11px}
.q-navigation{border:0;margin-top:22px;padding-top:15px}.q-primary{color:var(--navy);background:var(--accent);border:0;border-radius:40px;padding:14px 24px;min-height:50px;gap:30px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.q-primary>span{font-size:20px}.q-primary:hover{background:#8ce2ff;color:var(--navy);transform:translateY(-2px)}.q-primary:disabled{transform:none}.q-back{border:1px solid var(--q-line);padding:11px 20px;border-radius:40px;font-size:13px;font-weight:400}.q-back:hover{background:var(--surface)}.q-save-note{font-size:12px;line-height:1.7;max-width:55ch;margin-top:19px}.q-error{background:#472c32;color:#ffdbd3;border:1px solid #a85c5e;border-radius:14px}.q-notice{background:#123644;color:#d8e8ee;border:1px solid #39606f;border-radius:16px;padding:18px 23px;font-size:13px;line-height:1.8}.q-price-summary{background:#163d4d;border:1px solid #3b6272;border-radius:20px;padding:26px;margin-top:25px}.q-price-summary .q-price{font-size:29px;font-weight:400;line-height:1.45}.q-price-summary .q-price small{color:var(--q-muted);font-size:13px}.q-price-summary p{font-size:13px}.q-terms{font-size:12px!important;line-height:1.8}.q-review-row{padding:23px 0}.q-review-row h3{font-size:16px;letter-spacing:-.025em;font-weight:500}.q-review-row p{font-size:14px}.q-edit{min-height:44px;font-size:12px;font-weight:400;border:1px solid var(--q-line);padding:7px 13px;border-radius:30px}.q-edit:hover{background:var(--surface)}.q-check{font-size:13px!important}.q-check input{accent-color:var(--accent)}.q-success{background:var(--surface);border:1px solid #406070;border-radius:28px;padding:45px}.q-success h2{font-size:43px;font-weight:400}.q-success .q-eyebrow{color:var(--accent)}
.q-footer{max-width:1520px;padding:30px var(--gutter);font-size:12px;border-top:1px solid var(--q-line)}.q-materials{max-width:900px}.q-materials .q-intro{display:block}.q-materials .q-intro>p:last-child{margin-top:25px;max-width:620px}.q-materials h2{font-size:30px;font-weight:400}.q-materials h3{font-size:20px}.q-reference-intro{background:#153f51;border:1px solid #40718a;border-radius:22px;padding:28px}.q-reference-intro h2{color:var(--accent)}.q-reference-intro p{line-height:1.8}.q-materials pre{font-family:var(--font)}.q-materials summary{font-weight:500}.q-materials input[type=file]{padding:12px!important;font-size:13px!important}.q-materials input[type=file]::file-selector-button{font:500 13px var(--font);padding:11px 15px;margin-right:15px;border:0;border-radius:30px;background:var(--accent);color:var(--navy);cursor:pointer}
@media(max-width:1100px){.q-layout{grid-template-columns:270px minmax(0,1fr);gap:45px}.q-intro{gap:30px}.q-shell{padding-top:30px}.q-card-body{padding:24px 20px}.q-card-body h2{font-size:27px}}
@media(max-width:900px){.q-header{min-height:95px}.q-intro{grid-template-columns:1fr;gap:0;margin-bottom:35px}.q-intro h1{font-size:54px}.q-intro>p:last-child{max-width:540px;margin-top:22px;font-size:15px}.q-layout{grid-template-columns:1fr;gap:30px}.q-workspace{grid-column:1;grid-row:2}.q-sidebar{grid-column:1;grid-row:1;position:static}#style-toggle{background:var(--surface);border:1px solid #3a5664;border-radius:18px;font-size:14px;font-weight:400;min-height:52px;padding:16px 22px}#style-toggle[aria-expanded=true]{border-radius:18px 18px 0 0}.q-sidebar .q-style-card{max-width:none;border-radius:0 0 22px 22px;border-top:0}.q-sidebar.is-open .q-style-card{display:grid;grid-template-columns:200px 1fr}.q-card-top{grid-column:1/-1}.q-card-art{height:180px;grid-column:1;margin:0 0 20px 20px}.q-art-word{font-size:76px;top:20px}.q-card-body{grid-column:2;grid-row:2;padding-top:0}.q-card-body h2{font-size:26px}.q-card-goal{margin-top:14px;padding-top:13px}.q-swatches{margin-block:14px}.q-card-footnote{grid-column:1/-1}.q-side-price{margin-top:12px}.q-step-meta{margin-bottom:27px}.q-page h2.q-question{font-size:33px;max-width:24ch}.q-success h2{font-size:38px}}
@media(max-width:520px){.q-header{min-height:84px;padding:20px 22px;gap:13px}.q-header img{width:165px}.q-exit{font-size:11px;padding:9px 13px;min-height:44px}.q-exit span{margin-left:8px}.q-shell{padding:30px 22px 65px}.q-intro h1{font-size:42px;letter-spacing:-.055em;line-height:1.09}.q-intro br{display:none}.q-eyebrow{font-size:11px;margin-bottom:19px;line-height:1.5}.q-intro>p:last-child{font-size:14px;line-height:1.8;margin-top:20px}.q-chapters{font-size:11px;gap:10px}.q-step-meta{font-size:11px}.q-page h2.q-question{font-size:29px;letter-spacing:-.04em;line-height:1.18}.q-help{font-size:13px}.q-field>label,.q-field>legend{font-size:13px}.q-optional{font-size:11px}.q-page input:not([type=radio]):not([type=checkbox]),.q-page textarea,.q-page select{font-size:16px;padding:15px;border-radius:13px}.q-choice-body{padding:15px 13px;border-radius:14px}.q-choice-body strong{font-size:13px}.q-choice-body small{font-size:11px}.q-options.q-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.q-chips .q-choice-body{padding:13px 14px}.q-two-fields{grid-template-columns:1fr}.q-sidebar.is-open .q-style-card{display:block}.q-card-art{height:130px;margin:0 18px}.q-art-word{font-size:70px;top:14px}.q-card-body{padding:24px}.q-card-goal{margin-top:18px}.q-card-body h2{font-size:30px}.q-primary{padding:13px 21px;gap:18px;font-size:13px}.q-back{font-size:12px;padding:11px 17px}.q-save-note{font-size:11px}.q-price-summary{padding:23px}.q-price-summary .q-price{font-size:25px}.q-review-row{gap:14px}.q-edit{font-size:11px;padding-inline:11px}.q-success{padding:28px}.q-success h2{font-size:32px}.q-footer{padding:25px 22px;font-size:11px;gap:15px}.q-materials h2{font-size:27px}.q-reference-intro{padding:24px}.q-notice{padding:17px 18px;font-size:12px}}

/* The same restrained typography and logo arrow as the main website. */
.q-intro h1{font-size:clamp(34px,3.5vw,50px);font-weight:500;line-height:1.13;letter-spacing:-.025em}
.q-intro>p:last-child{font-size:15px;line-height:1.8}.q-page h2.q-question{font-size:clamp(27px,2.6vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.2}.q-help{font-size:15px;font-weight:400;line-height:1.8}.q-card-body h2{letter-spacing:-.025em}.q-card-art{border-radius:12px}.q-choice-body{border-radius:12px}.q-choice-body strong{font-weight:500}.q-card-top,.q-card-caption{letter-spacing:.035em}
.q-primary{--button-bg:var(--accent)}.q-primary:has(>span){filter:none;background:transparent;padding:0 0 0 21px;gap:25px;min-height:44px;font-size:13px;font-weight:500;letter-spacing:-.01em}.q-primary:has(>span)::before{inset:0 48px 0 0}.q-primary>span{width:40px;height:40px;background:transparent url('/assets/nextapp-arrow.svg') center/contain no-repeat;font-size:0}.q-primary:hover{--button-bg:#8ce2ff;transform:none}.q-primary:has(>span):hover{background:transparent}.q-primary:hover>span{transform:translateX(3px)}
@media(max-width:520px){.q-intro h1{font-size:33px;line-height:1.15}.q-page h2.q-question{font-size:27px}.q-help{font-size:14px}.q-navigation{flex-wrap:wrap;gap:14px}.q-back{white-space:nowrap;flex:none}.q-navigation .q-primary{width:100%;min-height:44px;justify-content:space-between}.q-navigation .q-primary>span{width:40px;height:40px}.q-choice-body strong{font-size:14px}.q-choice-body small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.q-primary:hover>span{transform:none}}

.q-header{width:100%;max-width:none;padding-inline:clamp(22px,3vw,56px)}
.q-exit,.q-back,.q-edit{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.q-exit>.nextapp-arrow{margin-left:0}.q-edit>.nextapp-arrow,.q-back>.nextapp-arrow{width:18px;height:18px}
.q-primary>.nextapp-arrow{transform:none}
.q-primary:is(:hover,:focus-visible)>.nextapp-arrow{transform:rotate(0deg)}

.q-intro h1,.q-page h2.q-question,.q-card-body h2,.q-success h2{font-weight:550}.q-help{font-weight:450}.q-primary,.q-primary:has(>span){font-weight:550}

@media(max-width:520px){.q-header img{width:clamp(130px,42vw,165px)}.q-exit{gap:8px;padding-inline:10px}}