.booklets{padding-top:88px;padding-bottom:88px;border-bottom:1px solid var(--line)}
.booklets .section-top{margin-bottom:25px}
.booklets .section-aside{max-width:300px}
.booklet-intro-note{font-size:13px;line-height:1.9;max-width:830px;color:var(--muted)}
.booklet-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 54px}
.booklet-options>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #c9c6bc;border-top:3px solid var(--ink);padding:25px 25px 21px;transition:border-color .2s,background .2s,transform .2s}
.booklet-options>a:hover{border-color:var(--orange);background:#fff8f0;transform:translateY(-3px)}
.booklet-number{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:19px}
.booklet-options h3{font-size:27px}
.booklet-options p{font-size:12px;color:var(--muted);margin-top:11px;margin-bottom:20px}
.booklet-options strong{display:block;font-size:17px;line-height:1.5;margin-top:auto}
.booklet-options strong small{display:block;font-size:10px;line-height:1.8;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:5px}
.booklet-options a>span:last-child:not(.booklet-number){display:block;font-size:11px;margin-top:15px;font-weight:700;color:#b14400}
.booklet-detail{padding-top:36px;border-top:1px solid var(--ink);margin-top:42px;scroll-margin-top:120px}
.booklet-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:27px}
.booklet-heading{min-width:0;max-width:650px}
.booklet-heading h3{font-size:33px;margin-top:12px}
.booklet-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:14px}
.booklet-rate{border-left:2px solid var(--orange);padding:4px 0 4px 19px;min-width:195px;flex-shrink:0}
.booklet-rate small,.booklet-rate span{display:block;font-size:11px;line-height:1.8;color:var(--muted)}
.booklet-rate strong{display:block;font-size:27px;line-height:1.4;font-weight:800;letter-spacing:-.04em;margin-block:6px}
.booklet-rate strong small{display:inline-block;margin-left:5px;letter-spacing:0}
.booklet-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}
.booklet-two-col>*{min-width:0}
.booklet-line-items{margin:0}
.booklet-line-items dl{margin:0}
.booklet-line-items dl>div,.booklet-line-items>div{display:grid;grid-template-columns:135px minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:17px 0}
.booklet-line-items dt{font-size:13px;font-weight:700}
.booklet-line-items dd{margin:0;font-size:12px;color:var(--muted);line-height:1.9}
.booklet-quote-box{background:var(--soft);padding:27px}
.booklet-quote-box h4{font-size:21px}
.booklet-quote-box p{font-size:12px;line-height:1.9;color:var(--muted)}
.booklet-quote-box p+p{margin-top:14px}
.booklet-quote-box h4+p{margin-top:13px}
.booklet-quote-box strong{color:var(--ink)}
.booklet-quote-box .button{font-size:13px;width:100%;margin-top:22px;gap:14px}
.booklets .menu-table-wrap{max-width:100%;width:100%}
.booklets .menu-table{min-width:470px}
.booklets .menu-table tbody th{max-width:280px}
.booklets .panel-footnote{font-size:11px;line-height:1.9;color:var(--muted);margin-top:15px}
.booklet-discounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:26px 0 18px;border:1px solid #c9c6bc}
.booklet-discounts>div{min-width:0;padding:15px 12px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.booklet-discounts>div+div{border-left:1px solid #c9c6bc}
.booklet-discounts span{font-size:11px;color:var(--muted)}
.booklet-discounts strong{font-size:21px;letter-spacing:-.04em;line-height:1.4}
.booklets .menu-callout{background:var(--soft)}
.booklets .portfolio-estimator{background:var(--soft);max-width:none;margin-top:31px;padding:30px}
.booklets .portfolio-estimator .calc-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px}
.booklets .portfolio-estimator .calc-fields select{font-size:13px;padding-left:10px;padding-right:20px}
.booklets .portfolio-estimator .estimate-result{max-width:none}
.booklets .portfolio-estimator .estimate-result p{font-size:12px}
.booklets .portfolio-estimator>.button{max-width:340px;font-size:13px}
.booklet-ready{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:32px;margin-top:46px}
.booklet-ready>div{min-width:0}
.booklet-ready h3{font-size:25px}
.booklet-ready p{font-size:12px;color:#cccac1;margin-top:12px;max-width:660px}
.booklet-ready>.button{flex-shrink:0;font-size:13px;gap:25px}
@media(max-width:1050px){
 .booklet-options>a{padding:22px 20px 19px}
 .booklet-options h3{font-size:24px}
 .booklet-options strong{font-size:15px}
 .booklet-two-col{gap:24px;grid-template-columns:1fr 1fr}
 .booklet-line-items dl>div,.booklet-line-items>div{grid-template-columns:100px minmax(0,1fr);gap:15px}
 .booklets .portfolio-estimator .calc-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
 .booklet-quote-box{padding:23px}
}
@media(max-width:800px){
 .booklets{padding-top:65px;padding-bottom:65px}
 .booklet-options{gap:12px;margin-bottom:40px}
 .booklet-options>a{padding:20px 16px}
 .booklet-options p{font-size:11px}
 .booklet-options h3{font-size:23px}
 .booklet-options strong{font-size:14px}
 .booklet-detail-head{gap:24px}
 .booklet-heading h3{font-size:29px}
 .booklet-rate{min-width:165px;padding-left:15px}
 .booklet-rate strong{font-size:23px}
 .booklet-two-col{grid-template-columns:1fr}
 .booklet-ready{align-items:flex-start;flex-direction:column;gap:24px}
 .booklet-ready>.button{min-width:230px}
}
@media(max-width:680px){
 .booklets{padding-top:52px;padding-bottom:52px}
 .booklets .section-top{margin-bottom:20px}
 .booklets .section-aside{max-width:none}
 .booklet-intro-note{font-size:12px}
 .booklet-options{grid-template-columns:1fr;gap:12px;margin:24px 0 35px}
 .booklet-options>a{padding:19px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;border-top-width:1px;border-left:3px solid var(--orange)}
 .booklet-number{grid-column:1/-1;margin-bottom:9px;font-size:9px}
 .booklet-options h3{font-size:24px}
 .booklet-options p{grid-column:1/-1;margin-top:9px;margin-bottom:13px;font-size:12px}
 .booklet-options strong{grid-column:1;font-size:15px;align-self:center}
 .booklet-options a>span:last-child:not(.booklet-number){grid-column:2;font-size:10px;margin-top:0;align-self:center}
 .booklet-detail{margin-top:34px;padding-top:27px;scroll-margin-top:98px}
 .booklet-detail-head{display:block;margin-bottom:22px}
 .booklet-heading .eyebrow{font-size:9px}
 .booklet-heading h3{font-size:28px;margin-top:10px}
 .booklet-heading>p{font-size:12px;margin-top:12px}
 .booklet-rate{margin-top:21px;padding-block:0;min-width:0}
 .booklet-rate strong{font-size:26px;margin-block:3px}
 .booklet-rate small,.booklet-rate span{font-size:10px}
 .booklet-line-items dl>div,.booklet-line-items>div{grid-template-columns:90px minmax(0,1fr);gap:13px;padding-block:15px}
 .booklet-line-items dt{font-size:12px}
 .booklet-line-items dd{font-size:11px}
 .booklet-quote-box{padding:22px 20px}
 .booklet-quote-box h4{font-size:21px}
 .booklet-quote-box p{font-size:12px}
 .booklets .menu-table-wrap{padding-bottom:6px}
 .booklets .menu-table-wrap:after{content:'表格可左右滑動 →';display:block;font-size:9px;letter-spacing:.4px;color:var(--muted);margin-top:11px}
 .booklet-discounts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}
 .booklet-discounts>div{padding:13px 8px}
 .booklet-discounts>div:nth-child(4){border-left:0}
 .booklet-discounts>div:nth-child(n+4){border-top:1px solid #c9c6bc}
 .booklet-discounts span{font-size:10px}
 .booklet-discounts strong{font-size:22px}
 .booklets .portfolio-estimator{padding:24px 20px}
 .booklets .portfolio-estimator .calc-fields{grid-template-columns:1fr;gap:0}
 .booklets .portfolio-estimator .calc-fields select{font-size:14px}
 .booklets .portfolio-estimator .estimate-result p{font-size:11px}
 .booklets .portfolio-estimator .estimate-price output{font-size:48px}
 .booklets .portfolio-estimator>.button{max-width:none;width:100%}
 .booklet-ready{padding:26px 21px;margin-top:34px;gap:22px}
 .booklet-ready h3{font-size:24px}
 .booklet-ready p{font-size:12px;line-height:1.9}
 .booklet-ready>.button{min-width:0;width:100%;font-size:13px}
}
@media(max-width:360px){
 .booklet-options>a{padding-inline:16px}
 .booklet-options a>span:last-child:not(.booklet-number){grid-column:1/-1;margin-top:10px}
 .booklet-line-items dl>div,.booklet-line-items>div{grid-template-columns:1fr;gap:6px}
 .booklets .portfolio-estimator .estimate-price output{font-size:43px}
}
@media print{
 .booklets{padding-block:20px;border:0}
 .booklet-options,.booklet-ready,.booklet-quote-box .button{display:none}
 .booklet-detail{margin-top:25px;padding-top:20px;break-inside:avoid}
 .booklet-two-col{display:block}
 .booklets .menu-table{min-width:0}
 .booklets .menu-table-wrap{overflow:visible}
 .booklets .menu-table-wrap:after{display:none}
 .booklet-quote-box{padding:15px 0;background:none}
}