:root{color-scheme:light;--paper:#d6d6d3;--ink:#111210;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;font:400 14px/1.5 "Be Vietnam Pro",sans-serif;background:var(--paper)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
[hidden]{display:none!important}
.wrap{width:min(1504px,92%);margin-inline:auto}
.catalog .wrap{width:min(1920px,92%)}
.group-page .wrap{width:min(1440px,92%)}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid #11121044}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:-.03em}
.brand img{width:34px;height:31px;object-fit:contain}
.header nav{display:flex;gap:6px}
.header nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;font-size:14px}
.header nav [aria-current]{background:#11121012}
.header nav a:hover{background:#1112100c}
h1,h2,h3,p,figure{margin:0}
h1{font-size:clamp(36px,3.2vw,54px);line-height:1.15;font-weight:600;letter-spacing:-.045em}
h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.035em}
.page-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:30px 0 28px}
.eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:28px 24px}
.group-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border-bottom:1px solid #11121044}
.group-art{position:relative;width:100%;aspect-ratio:11/7;border:1px solid #11121033;overflow:hidden}
.plan-figure{position:relative;width:100%;height:100%}
.plan-figure canvas{display:block;width:100%;height:100%}
.group-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.group-name-end{white-space:nowrap}
.group-number{font-size:12px;line-height:1.5;color:var(--ink-muted);flex:none}
.group-caption{padding:16px 0 14px;display:flex;flex:1;flex-direction:column;gap:8px}
.group-caption h2{font-size:clamp(18px,1.35vw,25px);letter-spacing:-.035em}
.group-benefit{font-size:15px;line-height:1.5}
.group-card:hover .group-art{border-color:var(--ink)}
.group-number{display:inline-flex;align-items:center;gap:6px}
.group-number::after{content:'↗' / '';display:grid;place-items:center;width:20px;height:20px;border:1px solid #11121088;border-radius:50%;color:var(--ink);font-size:13px;line-height:1}
.group-card:hover .group-number::after{background:var(--ink);color:var(--paper)}
.catalog-links{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:24px 8px 24px 24px}
.price-next{font-size:clamp(25px,2.2vw,40px);letter-spacing:-.045em;line-height:1.2;text-decoration:none}
.price-next span{display:inline-block;padding-left:12px}
.catalog-links .link-button{width:100%;max-width:320px}
.group-top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px}
.group-heading{padding:4px 0 16px}
.group-heading h1{font-size:clamp(34px,3vw,46px)}
.group-heading .group-benefit{font-size:18px;margin-top:10px}
.group-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.45fr);gap:42px;align-items:center}
.group-content{min-width:0}
.group-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #11121044;margin-top:8px;padding-top:10px}
.action-label{font-size:12px;color:var(--ink-muted);margin-bottom:4px}
.service-price{min-width:0;flex:1}
.service-price .action-label{display:block}
.price-service-select{display:block;width:100%;max-width:100%;min-height:32px;margin:4px 0 8px;padding:4px 24px 4px 8px;border:1px solid #11121066;border-radius:4px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}
.package-note,.service-note{font-size:14px;line-height:1.6;color:var(--ink-body);text-wrap:pretty}
.package-note{margin-top:16px}
.service-note{margin-top:8px}
.free-access{display:block;width:fit-content;min-height:32px;margin:4px 0 0 20px;padding:4px 10px;border:1px solid #11121066;border-radius:999px;color:var(--ink);text-decoration:none}
.free-access:hover{background:#1112100c}
@media(min-width:1101px){
 .service-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}
 .service-price .action-label{grid-column:1/-1}
 .service-price .price-service-select{margin:0}
 .service-price .group-package{display:inline-flex;align-items:center}
}
.group-package{font-size:14px;text-decoration:none}
.group-package:hover{background:#1112100c}
.group-actions .link-button{min-width:185px}
.single-service{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:42px;align-items:stretch}
.single-service .group-content{display:flex;flex-direction:column;justify-content:center}
.single-service .service{padding:20px 4px}
@media(min-width:701px){.single-service .service-name{font-size:22px}.single-service .deliverable{font-size:18px;max-width:56ch}}
.group-drawing .plan-figure{height:auto;aspect-ratio:11/7;border:1px solid #11121033}
.plan-guide{font-size:12px;margin-top:10px}
.tay-cham{display:none}
@media(max-width:599px){.tay-bam{display:none}.tay-cham{display:inline}}
.plan-targets{position:absolute;inset:0;width:100%;height:100%}
.plan-room path{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;pointer-events:all}
.plan-room:hover path,.plan-room:focus-visible path{fill:var(--group-color);fill-opacity:.18;stroke:var(--ink);stroke-width:1.4}
.plan-room[aria-current] path{fill:var(--group-color);fill-opacity:.16;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.plan-room:focus-visible{outline:none}
/* Nét chờ bao khu nhóm khác, khác vòng mũi tên của từng phòng hiện tại. */
.plan-group path{fill:var(--ink);fill-opacity:.025;stroke:var(--ink);stroke-opacity:.4;stroke-width:1;stroke-dasharray:3 4;stroke-linejoin:round;cursor:pointer;pointer-events:all}
.plan-group:hover path,.plan-group:focus-visible path{fill-opacity:.09;stroke-opacity:.85;stroke-width:1.5}
.plan-group:focus-visible{outline:none}
/* Tên và mũi tên thường trực theo dải phòng, không dùng màu của nhóm đích. */
.group-cue{color:var(--ink-body);pointer-events:none}
.group-cue rect{fill:var(--paper);stroke:currentColor;stroke-width:.7}
.group-cue text{fill:currentColor;font:400 12px "Be Vietnam Pro",sans-serif}
.group-arrow{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.plan-group:is(:hover,:focus-visible) .group-cue{color:var(--ink)}
.plan-group:is(:hover,:focus-visible) .group-cue rect{stroke-width:1.2}
.service-grid{display:grid;grid-template-columns:1fr;gap:0 24px;align-content:center}
.service{min-width:0;display:flex;align-items:flex-start;gap:12px;scroll-margin:24px;padding:6px 4px;border-top:1px solid #11121044;transition:background-color .15s}
.service-icon{display:block;width:56px;height:56px;flex:none}
.service-name{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.deliverable{font-size:14px;line-height:1.5;margin-top:5px}
.service.is-active{outline:1px solid var(--ink);outline-offset:0;background:#11121008}
.service:focus-visible{outline:2px solid var(--ink);outline-offset:0}
.service:is(.is-active,:focus-visible),.service:is(.is-active,:focus-visible)+.service{border-top-color:transparent}
.package:target{outline:1px solid var(--ink);outline-offset:5px}
.group-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-top:1px solid #11121044;margin-top:24px;padding:14px 0;font-size:14px}
.group-navigation a{text-decoration:none}
.group-navigation a:hover{background:#1112100c}
.group-navigation a:last-child{text-align:right}
.group-navigation span{display:block;font-size:12px;color:var(--ink-muted);margin-bottom:4px}
.offer-note{display:flex;align-items:baseline;justify-content:center;gap:16px;padding:14px 20px;margin-bottom:20px;border:1px solid #11121066;font-size:14px}
.offer-note strong{font-size:18px;font-weight:600}
.package-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #11121066}
.package{min-width:0;padding:22px 20px 20px;scroll-margin:24px}
.package-panels>.package{display:flex;flex-direction:column;border-right:1px solid #11121044}
.package-panels>.package:last-child{border-right:0}
.package-scale{font-size:13px;margin-bottom:8px}
.package-heading{min-height:72px}
.package h2{font-size:23px;line-height:1.25}
.prices{margin:18px 0 22px;display:grid;gap:16px}
.price-label{display:block;font-size:12px;margin-bottom:6px}
.prices strong{display:block;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.055em;white-space:nowrap}
.setup-values{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.setup-values strong{font-size:20px;font-weight:400;letter-spacing:-.035em}
.prices del{font-size:12px;color:var(--ink-muted);white-space:nowrap}
.package-inclusions{border-top:1px solid #11121044;padding-top:16px;margin-bottom:24px;display:flex;flex-direction:column;flex:1}
.inheritance{font-size:13px;font-weight:600;min-height:24px;margin-bottom:12px}
.package-services{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.inherited-benefits{font-size:12px;margin-top:18px}
.inherited-benefits summary{cursor:pointer;width:fit-content;border:1px solid #11121066;border-radius:999px;padding:6px 10px;min-height:32px}
.inherited-benefits summary:hover{background:#1112100c}
.inherited-benefits p{margin:12px 0 8px}
.inherited-services{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.inherited-services li{display:flex;gap:9px;align-items:baseline}
.inherited-services a{font-size:14px;text-decoration:none}
.package-services li{display:flex;gap:9px;align-items:baseline}
.tick{font-size:15px;flex:none}
.package-services a{font-size:14px;line-height:1.5;text-decoration:none}
.link-button{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--ink);border-radius:999px;padding:11px 14px;text-decoration:none;min-height:44px;font-size:13px}
.package-panels .link-button{margin-top:auto}
.link-button:hover{background:var(--ink);color:var(--paper)}
.student{display:grid;grid-template-columns:1fr 1fr 2fr;gap:0;align-items:center;padding:0;border:1px solid #11121066;border-top:0}
.student-heading{padding:20px}
.student h2{font-size:21px}
.student .package-scale{font-size:12px;margin-bottom:4px}
.student .prices{grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:20px;border-left:1px solid #11121033;border-right:1px solid #11121033}
.student .prices strong{font-size:21px;font-weight:400}
.free-tools{list-style:none;padding:16px 20px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;font-size:13px}
.student .free-tools li{text-wrap:pretty}
.free-tools li:before{content:'✓';margin-right:8px}
.retail{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:28px;margin-top:20px;font-size:12px}
.retail-note{margin-top:5px}
.retail ul a{display:inline-block;padding:4px 0}
.retail>p{flex:none}
.retail ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}
.group-page .site-footer{margin-top:0}
@media(min-width:1600px){.group-layout{gap:64px}.service{padding:19px 4px}.service-name{font-size:19px}.deliverable{font-size:15px}.service-icon{width:64px;height:64px}}
@media(min-width:701px) and (max-width:1100px){
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .package-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.package-panels>.package{border-bottom:1px solid #11121044}.package-panels>.package:nth-child(2){border-right:0}
 .student{grid-template-columns:1fr 1fr}.student .free-tools{grid-column:1/-1;border-top:1px solid #11121033}
 .group-layout{gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.service-icon{width:44px;height:44px}
}
@media(max-width:700px){
 .wrap,.catalog .wrap,.group-page .wrap{width:calc(100% - 36px)}
 .header{min-height:68px;gap:0;flex-wrap:wrap;padding-block:0}.header nav{flex-wrap:wrap;margin-left:auto;justify-content:flex-end}.brand{font-size:17px;gap:8px}.brand img{width:27px;height:26px}.header nav a{font-size:12px}
 h1{font-size:34px}.page-heading{padding:24px 0;gap:12px}.eyebrow{letter-spacing:0}
 .catalog-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:16px}
 .group-card{gap:8px;padding-bottom:8px}
 .group-title{gap:6px}.group-caption{gap:7px;padding:0}.group-caption h2{font-size:18px}.catalog .group-benefit{font-size:14px}.group-benefit{font-size:15px}
 .catalog-links{min-height:150px;padding:16px 0;gap:18px}.price-next{font-size:30px}
 .group-top{gap:10px;padding:18px 0}.group-heading{padding:8px 0 24px}.group-heading h1{font-size:32px}.group-heading .group-benefit{font-size:16px}
 .group-layout{grid-template-columns:1fr;gap:24px}.single-service .service{padding:18px 0}.group-actions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:6px}.group-actions .link-button{width:100%}.plan-guide{margin-top:8px}.service{padding:18px 0}.service-icon{width:52px;height:52px}.service-name{font-size:17px}
 .group-navigation{grid-template-columns:1fr 1fr;gap:18px;font-size:13px;margin-top:20px}.group-navigation>a:nth-child(2){grid-column:1/-1;grid-row:2;text-align:center;padding-top:8px}.group-navigation>a:last-child{grid-column:2;grid-row:1}
 .pricing h1{font-size:34px;max-width:340px}.offer-note{display:block;padding:14px 16px}.offer-note strong{display:block;margin-top:5px;font-size:18px}
 .package-panels{display:block}.package-panels>.package{padding:22px 20px;border-right:0;border-bottom:1px solid #11121066}.package-panels>.package:last-child{border-bottom:0}
 .package-heading{min-height:0}.package h2{font-size:25px}.package-scale{margin-bottom:8px}
 .prices{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.prices strong{font-size:25px}.setup-values{display:block}.setup-values strong{font-size:20px}.setup-values del{display:block;margin-top:5px}
 .inheritance{min-height:0;margin-bottom:12px}.package-services{gap:9px;min-height:0}.package-services a{font-size:15px}.package-inclusions{padding-top:14px;margin-bottom:22px}
 .student{grid-template-columns:1fr}.student-heading{padding:20px 20px 0}.student h2{font-size:23px}.student .prices{display:grid;border:0;padding:20px}.student .prices strong{font-size:23px}.free-tools{border-top:1px solid #11121033;padding:16px 20px 20px;gap:12px 14px}
 .retail{display:block}.retail ul{display:grid;gap:12px;margin-top:12px;font-size:13px}
 .site-footer{margin-top:24px;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){.service{transition:none}}
/* Luat nhin 1/11: link hành động có viền viên thuốc, danh sách có mũi tên trong vòng viền, thẻ nhóm có mũi tên. Nền mực đặc dành cho Zalo. Không dùng gạch chân làm tín hiệu bấm. */
.link-button{background:var(--ink);color:var(--paper);font-weight:600}
.link-button:hover{background:var(--ink);color:var(--paper)}
/* Tên và giá giữ mực đặc, mô tả nhẹ hơn, nhãn phụ nhẹ nhất. */
h1,h2,h3,.service-name,.prices strong,.offer-note strong{color:var(--ink)}
.group-benefit,.deliverable,.offer-note,.inheritance,.free-tools,.retail-note{color:var(--ink-body)}
.eyebrow,.plan-guide,.package-scale,.price-label,.inherited-benefits,.site-footer{color:var(--ink-muted)}
.header nav a,.price-next,.group-package,.group-navigation a{color:var(--ink-body)}
.header nav [aria-current],.header nav a:hover,.price-next:hover,.group-package:hover,.group-navigation a:hover{color:var(--ink)}
.inherited-services a,.package-services a{color:var(--ink)}
.price-next,.group-package,.group-top>a,.group-navigation a{border:1px solid #11121088;border-radius:999px;padding:8px 14px;min-height:36px}
.price-next,.group-package,.group-top>a{display:inline-flex;align-items:center;gap:8px}
.price-next{padding:12px 16px}
.price-next span{padding-left:0}
.group-navigation a{display:block}
.group-navigation a:first-child{justify-self:start}
.group-navigation a:nth-child(2){justify-self:center}
.group-navigation a:last-child{justify-self:end}
.price-next:hover,.group-top>a:hover{background:#1112100c}
/* Danh sách giữ dòng thoáng, có dấu mở liên kết ở bên phải. */
.package-services a,.inherited-services a,.retail ul a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:32px;padding:5px 0;flex:1}
.package-services a::after,.inherited-services a::after,.retail ul a::after{content:'↗' / '';display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid #11121088;border-radius:50%;color:var(--ink);font-size:12px;line-height:1}
.package-services a:hover::after,.inherited-services a:hover::after,.retail ul a:hover::after{background:var(--ink);color:var(--paper)}
.group-navigation span{display:inline-block;width:100%}
@media(min-width:1101px){
 .group-top{padding:5px 0}.group-top>a{min-height:32px;padding:6px 12px}
 .group-package{min-height:32px;padding:5px 12px}
 .group-actions{margin-top:4px;padding-top:6px}.group-actions .action-label{margin-bottom:0}
 .group-navigation{padding:7px 0}.group-navigation a{padding:6px 12px}
 .group-page .site-footer{padding:11px 0 15px}
}
.plan-room:hover path,.plan-room:focus-visible path{stroke:var(--ink)}
/* Boss 1/11: the Sinh vien tach khoi khung goi tra phi, cot khong thang voi cot goi de khong doc thanh dong cua cung mot bang. */
.student{margin-top:48px;border-top:1px solid #11121066}
@media(min-width:1101px){.student{grid-template-columns:minmax(200px,auto) auto 1fr;gap:0 8px}.student .prices{border-left:0;border-right:0;padding:20px 32px}.student .free-tools{border-left:1px solid #11121033}}
@media(max-width:700px){.student{margin-top:32px}}
/* Phương án B: tên nặng và lớn, mô tả thường, nhãn như chú thích. */
h1,h2,h3,.service-name,.price-next{font-weight:600}
.group-caption h2{font-size:clamp(22px,1.65vw,29px);line-height:1.3}
.service-name{font-size:20px;line-height:1.35}
.group-heading h1{font-size:clamp(36px,3.5vw,50px)}
.group-benefit,.deliverable,.inheritance,.free-tools{font-weight:400}
.inheritance,.free-tools{font-size:14px}
.package h2{font-size:26px;font-weight:600}
.student h2{font-size:24px}
.prices strong,.offer-note strong{font-weight:600}
.setup-values strong,.student .prices strong{font-weight:400}
.eyebrow,.group-number,.action-label,.group-navigation span,.package-scale,.price-label{font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
@media(min-width:701px){.single-service .service-name{font-size:26px}}
@media(min-width:1600px){.service-name{font-size:22px}}
@media(max-width:700px){
 .group-caption h2{font-size:20px}
 .service-name{font-size:20px}
 .group-heading h1{font-size:36px}
 .package h2{font-size:28px}
 .student h2{font-size:24px}
}
.retail-note,.inherited-benefits p{font-size:14px;font-weight:400}

/* Vòng sửa 1/11: vòng sát nhãn, toàn dòng giữ nguyên vùng bấm. */
.package-services a,.inherited-services a,.retail ul a{justify-content:flex-start;align-items:center;gap:8px;padding:4px 0}
.package-services a,.inherited-services a,.retail ul a{text-wrap:pretty}
.package-services a::after,.inherited-services a::after,.retail ul a::after,.group-number::after{width:24px;height:24px;border-color:#111210b3;font-size:15px;font-weight:400}
/* Vòng mũi tên tại góc phòng hiện sẵn như dấu mở của liên kết dịch vụ. */
.room-cue{cursor:pointer}
.room-cue circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.2}
.room-cue polyline,.room-cue line{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.plan-room:is(:hover,:focus-visible) .room-cue circle{fill:var(--ink)}
.plan-room:is(:hover,:focus-visible) .room-cue :is(polyline,line){stroke:var(--paper)}
/* Một khung bao cả hình và lời, cùng một liên kết trên toàn thẻ. */
.group-card{border:1px solid #11121088}
.group-art{border:0;border-bottom:1px solid #11121033}
.group-caption{padding:14px 12px}
.group-card:hover{border-color:var(--ink)}
.group-navigation a[rel]{width:max-content;max-width:100%}
.group-navigation a[rel] span{display:block;width:auto}
/* Viên thuốc nhận màu của chính nhóm, nền nhẹ để Zalo vẫn nổi nhất. */
.group-page :is(.group-top>a,.group-package,.group-navigation a){border:0;background:color-mix(in srgb,var(--group-color) 14%,var(--paper));color:var(--ink-body)}
.group-page :is(.group-top>a,.group-package,.group-navigation a):is(:hover,:focus-visible){background:color-mix(in srgb,var(--group-color) 24%,var(--paper));color:var(--ink)}
.group-page .group-navigation a span{color:inherit}
/* Chữ phụ vẫn đủ tương phản trên nền rê chuột của viên thuốc đen trắng. */
.pricing .inherited-benefits summary:hover{color:var(--ink-body)}
/* Nút cuối thẻ Sinh viên dùng chung khuôn Zalo, giữ ba cột nội dung. */
.student-benefits{min-width:0}
.student .link-button{width:calc(100% - 40px);max-width:320px;margin:0 20px 20px auto}
@media(min-width:701px) and (max-width:1100px){.student-benefits{grid-column:1/-1}}
/* Chừa đủ ngang cho tên nhóm, giữ cụm cuối của mô tả khi cần xuống dòng. */
.catalog .group-title{gap:6px}
.catalog .group-caption h2,.catalog .group-benefit{text-wrap:pretty}
@media(min-width:701px){
 .catalog-grid{column-gap:16px}
 .catalog .group-caption{padding-inline:8px}
}
@media(max-width:700px){
 .group-card{padding-bottom:0}
 .group-caption{padding:0 12px 12px}
}

/* Văn bản pháp lý trong cùng khung giấy và mực. */
.legal-copy{max-width:780px;margin:0 auto;padding:36px 0 48px;font-size:16px;line-height:1.8;color:var(--ink-body);overflow-wrap:anywhere}
.legal-copy h1{font-size:clamp(32px,4vw,48px);line-height:1.25;color:var(--ink);text-wrap:pretty}
.legal-date{font-size:12px;margin-top:18px;color:var(--ink-muted)}
.legal-copy section{margin-top:32px}
.legal-copy h2{display:flex;gap:16px;font-size:22px;line-height:1.45;margin-bottom:12px;color:var(--ink)}
.legal-copy .n{white-space:nowrap;flex-shrink:0;font-size:12px;line-height:2.6;font-weight:400;color:var(--ink-muted)}
.legal-copy p+p,.legal-copy ul,.legal-copy .legal-info{margin-top:12px}
.legal-copy ul{padding-left:22px}
.legal-copy li+li{margin-top:8px}
.legal-copy a{text-decoration:underline;text-underline-offset:3px}
.legal-info{border-left:1px solid #11121088;padding-left:20px}
@media(max-width:599px){.legal-copy{padding:28px 0 36px;font-size:15px}.legal-copy h2{font-size:20px}}
.group-page .site-footer{padding:10px 0}
@media(max-width:599px){.site-footer{padding:12px 0}}

/* Trang giới thiệu dùng chung giấy, mực và khung điều hướng. */
.about-copy{max-width:1120px;margin-inline:auto;padding:56px 0 20px;color:var(--ink-body);font-size:16px;line-height:1.85}
.about-heading{max-width:840px;padding-bottom:56px}
.about-heading h1{color:var(--ink);font-size:clamp(36px,4vw,54px);text-wrap:pretty}
.about-heading>p{max-width:740px;margin-top:24px;font-size:20px;line-height:1.65;text-wrap:pretty}
.about-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:64px;padding:40px 0;border-top:1px solid #11121044;scroll-margin-top:24px}
.about-label{font-size:12px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:14px}
.about-section h2{font-size:28px;line-height:1.4;color:var(--ink);text-wrap:pretty}
.about-body{min-width:0;overflow-wrap:break-word}
.about-body p+p,.about-body p+ul{margin-top:18px}
.about-body ul{padding-left:20px;margin-block:18px}
.about-body li+li{margin-top:12px}
.about-body ul+p{margin-top:22px}
.about-steps{padding-left:24px;margin:24px 0 0}
.about-steps>li{padding-left:8px}
.about-steps>li+li{margin-top:28px}
.about-steps+p{margin-top:28px}
.about-steps>li::marker{font-size:12px;color:var(--ink-muted)}
.about-steps h3{font-size:20px;font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:10px;text-wrap:pretty}
.about-body .about-contacts{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.about-contacts li+li{margin-top:0}
.about-contacts .link-button{display:inline-flex;justify-content:center;padding:13px 22px;font-size:14px}
.about-body .about-fold{list-style:none;padding-left:0}
.about-fold summary{cursor:pointer;min-height:44px;padding:10px 0;list-style:none;display:flex;gap:10px;align-items:baseline;color:var(--ink)}
.about-fold summary::-webkit-details-marker{display:none}
.about-fold summary::after{content:"+";margin-left:auto;color:var(--ink-muted)}
.about-fold details[open] summary::after{content:"−"}
.about-fold details p{padding-bottom:6px}
.about-body .about-fold li+li{margin-top:0;border-top:1px solid #11121022}
.about-email{display:inline-block;min-height:44px;padding:9px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px}
@media(max-width:700px){
 .about-copy{padding-top:32px;font-size:15px;line-height:1.85}
 .about-heading{padding-bottom:32px}
 .about-heading>p{font-size:18px;margin-top:20px}
 .about-section{grid-template-columns:1fr;gap:24px;padding:30px 0}
 .about-label{margin-bottom:10px}
 .about-section h2{font-size:25px}
 .about-steps h3{font-size:20px}
}

.header .brand{min-height:36px}
.legal-copy a{display:inline-flex;align-items:center;min-height:32px}
.error main{min-height:55vh}
.error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.error-actions .link-button{width:auto;display:inline-flex;max-width:none}

/* Mục rà hồ sơ dành cho văn phòng, tách khỏi các gói. */
.pricing .free-review{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;margin-top:48px;padding:28px 20px;border-block:1px solid #11121066;scroll-margin-top:24px}
.pricing .review-heading h2{font-size:28px;line-height:1.3}
.pricing .review-heading p{margin-top:16px;color:var(--ink-body);font-size:14px;line-height:1.65}
.pricing .review-content{min-width:0;font-size:14px;line-height:1.65;color:var(--ink-body)}
.pricing .review-content dl{margin:0;display:grid;gap:14px}
.pricing .review-content dt{display:inline;font-weight:600;color:var(--ink)}
.pricing .review-content dd{display:inline;margin:0}
@media(min-width:701px){.pricing .review-content dl>div{text-wrap:balance}}
.pricing .review-conditions li,.pricing .review-heading p{text-wrap:pretty}
.pricing .review-conditions{margin:22px 0 24px;padding:20px 0 0 20px;border-top:1px solid #11121033;display:grid;gap:8px}
.pricing .review-content .link-button{width:fit-content;min-width:260px;max-width:100%}
@media(max-width:700px){
 .pricing .free-review{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px;padding:24px 0}
 .pricing .review-heading h2{font-size:28px}
 .pricing .review-heading p{margin-top:12px}
 .pricing .review-content .link-button{width:100%}
}