/* SITE61 Rose Index / Clear Choice. Original local prototype components. */
:root{--paper:#fff;--warm:#faf8f6;--ink:#26232b;--muted:#655d64;--rose:#a92c54;--blush:#f5e9ed;--line:#d9d3d5;--display:Georgia,'Times New Roman',serif;--body:'Segoe UI',Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--body)}a{color:var(--rose);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--ink)}button{font:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rose);outline-offset:5px;border-radius:3px}p{margin:0 0 1.35em}h1,h2,h3{line-height:1.12;margin:0;font-weight:500;overflow-wrap:break-word}h1,h2{font-family:var(--display)}h1{font-size:clamp(42px,4.25vw,66px);letter-spacing:-.035em;max-width:1050px}h2{font-size:clamp(29px,3vw,39px);letter-spacing:-.025em;margin:0 0 24px}h3{font-size:23px;font-weight:650;margin:34px 0 17px}strong{font-weight:650}img{display:block;max-width:100%}.skip-link{position:fixed;left:20px;top:-90px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;padding:20px 32px;display:flex;gap:26px;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:10px;font:20px/1.12 var(--display);color:var(--ink);text-decoration:none;flex:none}.wordmark b{display:block;font-weight:500}.wordmark img{flex:none}.site-header nav{display:flex;gap:17px;align-items:center}.site-header nav a{font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;padding:7px 0;white-space:nowrap;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-color:var(--rose);color:var(--rose)}.menu-toggle{display:none;border:1px solid var(--line);padding:8px 15px;background:white;color:var(--ink);border-radius:5px;cursor:pointer}
.opening{background:var(--warm);border-bottom:1px solid var(--line)}.opening-inner{max-width:var(--max);padding:32px 30px 48px;margin:auto}.opening h1{margin:22px 0}.opening p{max-width:820px;font-size:19px;line-height:1.65}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--muted)}.primary-action{display:inline-flex;align-items:center;min-height:46px;max-width:100%;padding:10px 18px;border-radius:5px;background:var(--rose);color:#fff;text-decoration:none;font-size:14px;font-weight:650;line-height:1.4}.primary-action:hover{background:var(--ink);color:#fff}.reading-layout{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:55px;padding:48px 30px 72px}.chapter-nav{position:sticky;top:105px;align-self:start;display:grid;gap:0;border-left:2px solid var(--line)}.chapter-nav a{display:block;font-size:13px;line-height:1.5;padding:10px 16px;text-decoration:none;color:var(--muted);border-left:2px solid transparent;margin-left:-2px}.chapter-nav a:hover{border-color:var(--rose);color:var(--rose);background:var(--warm)}.chapters{min-width:0}.chapter{margin-bottom:46px;scroll-margin-top:110px}.chapter:last-child{margin-bottom:0}.chapter p{max-width:78ch}.chapter+.chapter{padding-top:36px;border-top:1px solid var(--line)}.chapter ul{padding-left:22px;margin:20px 0}.chapter li{padding:0 0 14px 7px}.future-link{color:#65545e;border-bottom:1px dotted #9d8d95;cursor:not-allowed}.future-link:hover{color:var(--ink)}
.table-wrap{max-width:100%;margin:26px 0 30px;border-top:3px solid var(--rose);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;text-align:left;font-variant-numeric:tabular-nums}th,td{padding:17px 18px;vertical-align:top;border-bottom:1px solid var(--line)}thead th{background:var(--warm);font-size:12px;font-weight:650;color:var(--muted)}tbody th{font-weight:650;min-width:120px}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:#fcfafb}table p{margin:0}
.home-content{max-width:var(--max);padding:44px 30px 70px;margin:auto}.page-home .opening-inner{padding-top:38px;padding-bottom:46px;position:relative}.page-home h1{font-size:clamp(54px,6.2vw,91px);max-width:1000px;margin:6px 0 20px}.page-home .opening p{max-width:860px}.page-home .opening{background:linear-gradient(105deg,#faf8f6 75%,#f5e9ed)}.page-home .home-example{display:grid;grid-template-columns:270px minmax(0,1fr);column-gap:52px}.page-home .home-example h2{grid-column:1;grid-row:1 / span 2;font-size:37px;padding-top:7px}.page-home .home-example>p{grid-column:2;font-size:16px}.page-home .home-example .table-wrap{grid-column:1 / -1;margin:8px 0 26px}.page-home .home-example .table-wrap th:first-child{width:24%}.page-home .home-example>p:has(a) a{display:inline-block;background:var(--ink);color:white;border-radius:4px;text-decoration:none;padding:12px 18px;font-weight:600}.page-home .home-categories{background:var(--warm);border:0;padding:32px;border-radius:8px}.category-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px!important;max-width:none!important}.category-item{position:relative;border-bottom:1px solid var(--line);display:flex;align-items:center;min-width:0}.category-item>a,.category-item>.future-link{display:block;width:100%;padding:16px 0;border:0;font-weight:600;font-size:16px;text-decoration:none}.category-separator{color:var(--rose);padding-left:7px}.category-item>a:hover{background:var(--blush)}.page-home .home-categories>p:last-child a{border:1px solid var(--rose);background:transparent;display:inline-block;padding:9px 17px;border-radius:4px;text-decoration:none}.page-home .home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 42px}.page-home .home-shortcuts h2{grid-column:1/-1}.page-home .home-shortcuts strong{display:block;margin-bottom:9px}.page-home .home-shortcuts>p{border-bottom:1px solid var(--line);padding:12px 0 24px}
.page-shoes .opening-inner{border-left:8px solid var(--rose);padding-left:38px}.page-shoes .chapter-2 tbody th{width:29%}.page-shoes .chapter-3{background:var(--warm);padding:28px;border-radius:7px;border-top:0}.page-shoes .chapter-4>p:last-child a{display:inline-block;border:1px solid var(--rose);padding:9px 17px;border-radius:5px;text-decoration:none}
.page-columns .reading-layout{grid-template-columns:175px minmax(0,1fr);gap:36px}.page-columns .chapter-1{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0 32px;align-items:start}.page-columns .chapter-1>h2,.page-columns .chapter-1>p:first-of-type{grid-column:1/-1}.page-columns .chapter-1>.table-wrap{grid-column:1;grid-row:3 / span 13;position:sticky;top:110px;margin-top:0}.page-columns .chapter-1>.table-wrap td{padding:13px}.page-columns .chapter-1>.table-wrap th{min-width:95px;padding:13px}.page-columns .chapter-1>p,.page-columns .chapter-1>h3{grid-column:2}.page-columns .chapter-1>h3{border-top:1px solid var(--line);padding-top:24px;margin-top:15px;font-size:22px}
.page-qc .reading-layout{grid-template-columns:195px minmax(0,1fr);gap:38px}.page-qc .chapter-1 .table-wrap{border:0}.page-qc .chapter-1 table{display:block}.page-qc .chapter-1 thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.page-qc .chapter-1 tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.page-qc .chapter-1 tr{display:flex;flex-direction:column;background:var(--warm);border-top:4px solid var(--rose);border-radius:0 0 7px 7px}.page-qc .chapter-1 th,.page-qc .chapter-1 td{display:block;border:0;padding:14px 17px;min-width:0}.page-qc .chapter-1 th{font:25px/1.2 var(--display);min-height:110px}.page-qc .chapter-1 td::before{content:attr(data-label);display:block;font:600 12px/1.5 var(--body);color:var(--rose);margin-bottom:8px}.page-qc .chapter-1 td:last-child{margin-top:auto;border-top:1px solid var(--line)}.page-qc .chapter-6{font-size:14px;color:var(--muted);padding:24px;background:var(--warm);border-top:0;border-radius:6px}.page-qc .chapter-6 h2{font:600 20px var(--body)}
.page-size .chapter-2{background:var(--blush);border:0;border-radius:7px;padding:32px}.page-size .chapter-2 strong{font-weight:750}.page-size .chapter-3{border-top:0}.page-size .chapter-3 p:first-of-type{font-size:20px;line-height:1.6}.page-cost .reading-layout{grid-template-columns:165px minmax(0,1fr);gap:30px}.page-cost table th,.page-cost table td{padding:17px 13px}.page-cost tbody th{width:18%;border-left:3px solid var(--rose)}.page-cost .chapter-1>p:last-child{padding:22px 26px;background:var(--warm);border-radius:6px}.page-freight .chapter-1>p:nth-of-type(2){background:var(--blush);padding:25px;font-size:20px;line-height:1.7;border-radius:7px}.page-freight .chapter-2 h3{border-left:4px solid var(--rose);padding-left:20px}.page-freight .chapter-2 h3+p{padding-left:24px}.page-recharge .chapter-2 .table-wrap{border-top:4px solid var(--rose);box-shadow:0 8px 22px #26232b08}.page-recharge .chapter-2 tbody tr:last-child{background:var(--blush)}.page-recharge .chapter-2 td{white-space:nowrap}.page-recharge .chapter-2>p:nth-of-type(2){font-size:22px;line-height:1.5;border-left:5px solid var(--rose);padding:18px 22px;background:var(--warm)}.page-recharge .chapter-4{padding:30px;border:1px solid var(--line);border-radius:7px}.page-tracking .reading-layout{grid-template-columns:185px minmax(0,1fr);gap:35px}.page-tracking .chapter-2>p{padding-left:22px;border-left:2px solid var(--rose)}.page-tracking .chapter-2>p:last-child{font-size:14px;border-color:var(--line);color:var(--muted)}.page-tracking .chapter-3 tbody th{position:relative;border-left:4px solid var(--rose);background:var(--blush);font-size:14px}.page-tracking .chapter-3 table{font-size:14px}.page-tracking .chapter-3 th,.page-tracking .chapter-3 td{padding:18px 12px}.page-tracking .chapter-3>p:last-child{padding:22px;border:1px solid var(--line);border-radius:6px}
.site-footer{max-width:var(--max);margin:0 auto;padding:38px 30px 45px;display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);font-size:13px}.site-footer p{margin:15px 0 0;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:15px;align-content:center;max-width:450px}.site-footer nav span{line-height:2}
@media(max-width:1199px){.header-inner{padding:16px 25px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 25px;background:white;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:14px;box-shadow:0 12px 18px #26232b0a}.site-header nav.open{display:grid}.site-header nav a{white-space:normal;font-size:15px}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.page-columns .reading-layout{grid-template-columns:1fr}.page-columns .chapter-nav{display:none}.page-cost .reading-layout{grid-template-columns:1fr}.page-cost .chapter-nav{position:static;display:flex;flex-wrap:wrap;border:0;gap:5px}.page-cost .chapter-nav a{border:1px solid var(--line);border-radius:4px;font-size:12px}.page-qc .reading-layout,.page-tracking .reading-layout{grid-template-columns:1fr}.page-qc .chapter-nav,.page-tracking .chapter-nav{position:static;grid-template-columns:repeat(2,1fr)}.page-home .home-example{grid-template-columns:230px minmax(0,1fr);gap:25px}}
@media(max-width:899px){body{font-size:16px}.opening-inner{padding:22px 26px 35px}.opening p{font-size:18px}.reading-layout{display:block;padding:30px 26px 50px}.chapter-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:35px}.page-columns .chapter-1{display:block}.page-columns .chapter-1>.table-wrap{position:static}.page-columns .chapter-nav{display:grid}.category-index{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .home-example{display:block}.page-home h1{font-size:70px}.page-home .opening-inner{padding:35px 26px}.page-home .home-shortcuts{gap:10px 26px}.page-qc .chapter-1 th{font-size:22px}.site-footer{padding-inline:26px}}
@media(max-width:599px){html{scroll-padding-top:90px}body{font-size:16px;line-height:1.72}.header-inner{padding:14px 20px}.wordmark{font-size:18px}.wordmark img{width:28px;height:32px}.site-header nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100dvh - 74px);overflow:auto;padding:18px 22px}.menu-toggle{padding:7px 13px;font-size:14px}.opening-inner,.page-home .opening-inner{padding:22px 22px 32px}.opening h1{font-size:39px;line-height:1.12;margin:22px 0}.page-home h1{font-size:57px;letter-spacing:-.04em}.opening p{font-size:17px}.primary-action{font-size:13px;padding:11px 15px}.reading-layout,.home-content{padding:28px 22px 42px}.chapter-nav{gap:0;margin-bottom:32px}.chapter-nav a{font-size:12px;padding:9px 11px}.chapter{margin-bottom:30px}.chapter+.chapter{padding-top:28px}h2,.page-home .home-example h2{font-size:30px;line-height:1.2}h3{font-size:21px}.chapter p{margin-bottom:19px}.table-wrap{margin:22px 0 26px;overflow-x:auto}table{font-size:14px}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}table,tbody{display:block}tbody tr{display:block;border-bottom:1px solid var(--line);padding:14px 0}tbody tr:last-child{border:0}tbody th,tbody td{display:block;width:100%!important;min-width:0!important;padding:8px 13px!important;border:0;white-space:normal!important}tbody th{font-size:17px;color:var(--ink)}tbody td::before{content:attr(data-label);display:block;font:600 12px/1.5 var(--body);color:var(--muted);margin-bottom:4px}.page-home .home-example>p{font-size:16px}.page-home .home-categories{padding:23px 18px}.category-index{grid-template-columns:1fr;gap:0!important}.category-item>a,.category-item>.future-link{padding:13px 0;font-size:16px}.page-home .home-shortcuts{display:block}.page-home .home-shortcuts>p{padding-top:5px}.page-qc .chapter-1 tbody{display:block}.page-qc .chapter-1 tr{margin-bottom:18px;padding:8px 12px}.page-qc .chapter-1 th{min-height:0;font-size:25px}.page-qc .chapter-1 td:last-child{padding-top:14px!important}.page-size .chapter-2,.page-recharge .chapter-4{padding:23px}.page-shoes .opening-inner{padding-left:22px;border-width:5px}.page-shoes .chapter-3{padding:22px}.page-cost tbody tr{border-left:3px solid var(--rose)}.page-cost tbody th{border:0}.page-recharge .chapter-2 tbody td{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-recharge .chapter-2 tbody td::before{margin:0}.page-recharge .chapter-2>p:nth-of-type(2){font-size:19px;padding:14px 18px}.page-tracking .chapter-3 tbody tr{padding:0 0 16px;margin-bottom:12px}.page-tracking .chapter-3 tbody th{padding:12px!important;border-left:4px solid var(--rose);font-size:16px}.page-tracking .chapter-3 td{padding:9px 16px!important}.site-footer{display:block;padding:30px 22px}.site-footer nav{margin-top:25px;gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Approved SITE61 Pre-Full homepage hierarchy; other page styles unchanged. */
.page-home .hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.page-home .hero-actions p{margin:0;font-size:14px}
.page-home .hero-actions .primary-action{background:var(--ink);font-size:15px;padding:13px 20px}
.page-home .hero-actions .primary-action:hover{background:var(--rose)}
.page-home .hero-actions p a{display:inline-flex;align-items:center;min-height:47px;padding:11px 18px;border:1px solid var(--rose);border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;color:var(--rose);background:transparent}
.page-home .hero-actions p a:hover{background:var(--blush);color:var(--ink)}
.page-home .home-categories{scroll-margin-top:110px}
.page-home .home-categories .category-index{list-style:none;padding:0;margin:24px 0;gap:12px!important}
.page-home .category-item{padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--paper);align-items:stretch;min-height:74px}
.page-home .category-item>a,.page-home .category-item>.future-link{display:flex;align-items:center;min-height:74px;width:100%;padding:16px 18px;font-size:16px;line-height:1.4;border:0;color:var(--ink)}
.page-home .category-item>a{box-shadow:inset 3px 0 var(--rose);color:var(--rose)}
.page-home .category-item>a:hover{background:var(--blush)}
.page-home .category-item>.future-link:hover{background:var(--warm)}
.page-home .home-example>p:last-child{grid-column:1/-1;font-size:14px;color:var(--muted);margin-top:18px}
@media(max-width:899px){.page-home .category-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.page-home .hero-actions{gap:10px}.page-home .hero-actions .primary-action{min-width:234px;justify-content:center}.page-home .hero-actions p a{min-width:234px;justify-content:center}.page-home .home-categories{padding:22px 15px}.page-home .home-categories h2{font-size:28px}.page-home .category-item>a,.page-home .category-item>.future-link{font-size:15px;padding:13px 12px}.page-home .category-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
