/* ═══════════════════════════════════════════════════════════
   Trang quy trình gia công. Nạp sau sp.css + tin.css (dùng lại
   .ben/.mucluc/.ben__tuvan). Lấy lại lưới 6 vạch, hiện dần khi
   cuộn và hoạ tiết lá vàng của trang chủ.
   ═══════════════════════════════════════════════════════════ */
:root{--rule:rgba(20,18,16,.065)}

/* Lưới 6 vạch dọc + hiện dần — sao chép từ trang chủ */
.rules{position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:min(1360px,92vw); display:grid; grid-template-columns:repeat(6,1fr);
  pointer-events:none; z-index:0}
.rules span{position:relative}
.rules span::after{content:''; position:absolute; top:0; bottom:0; right:-1px; width:1px;
  background:var(--rule); transform:scaleY(0); transform-origin:top; opacity:0;
  transition:transform 1.4s var(--ease), opacity .6s ease}
.rules span:last-child::after{display:none}
.rules.is-in span::after{transform:scaleY(1); opacity:1}
.above{position:relative; z-index:1}
[data-reveal]{opacity:0; transform:translateY(22px);
  transition:opacity .9s ease, transform 1s var(--ease); transition-delay:calc(var(--i,0) * 90ms)}
[data-reveal].is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1 !important; transform:none !important}
  .rules span::after{transform:none !important; opacity:1 !important}
}

/* ── Đầu trang ── */
.qt__hero{position:relative; padding:0 0 4.5rem; overflow:hidden}
.qt__hero h1{margin:1.3rem 0 0; max-width:18ch; font-weight:300; letter-spacing:-.02em; line-height:1.12;
  font-size:clamp(2rem,4.6vw,3.6rem)}
.qt__hero h1::after{content:'.'; color:var(--gold)}
.qt__hero .eyebrow{display:block; margin-top:3rem}
.qt__lede{margin:1.6rem 0 0; max-width:58ch; font-size:clamp(1rem,1.3vw,1.16rem); font-weight:300;
  line-height:1.85; color:var(--ink-soft)}
.qt__lede b{font-weight:500; color:var(--ink)}
/* Hoạ tiết lá vàng lót hai ô phải (cột 5–6), như khối công nghệ */
.qt__hoatiet{position:absolute; top:0; bottom:0; left:50%; transform:translateX(-50%);
  width:min(1360px,92vw); display:grid; grid-template-columns:repeat(6,1fr); pointer-events:none; z-index:0}
.qt__hoatiet i{display:block; grid-column:span 1; margin-left:1px; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%20viewBox='0%200%20220%20220'%3E%3Crect%20width='220'%20height='220'%20fill='%23D6A54A'/%3E%3Cg%20fill='none'%20stroke='%23FBF4E2'%20stroke-width='1.3'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-opacity='.9'%3E%3Cpath%20d='M100%20123Q118%20170%2097%20215Q79%20169%20100%20123Z'/%3E%3Cpath%20d='M100%20123L97%20215M99%20136L103%20146M99%20136L95%20145M99%20149L106%20159M99%20149L92%20158M99%20163L107%20172M99%20163L90%20172M98%20176L106%20185M98%20176L90%20185M98%20189L105%20198M98%20189L91%20198M98%20202L102%20211M98%20202L93%20211'/%3E%3Cpath%20d='M129%2041Q112%2080%2069%2086Q87%2047%20129%2041Z'/%3E%3Cpath%20d='M129%2041L69%2086M121%2047L117%2055M121%2047L112%2048M112%2054L111%2064M112%2054L101%2052M103%2060L103%2072M103%2060L92%2058M95%2067L94%2079M95%2067L83%2064M86%2073L85%2084M86%2073L76%2072M78%2080L74%2088M78%2080L69%2081'/%3E%3Cpath%20d='M129%20261Q112%20300%2069%20306Q87%20267%20129%20261Z'/%3E%3Cpath%20d='M129%20261L69%20306M121%20267L117%20275M121%20267L112%20268M112%20274L111%20284M112%20274L101%20272M103%20280L103%20292M103%20280L92%20278M95%20287L94%20299M95%20287L83%20284M86%20293L85%20304M86%20293L76%20292M78%20300L74%20308M78%20300L69%20301'/%3E%3Cpath%20d='M21%2067Q22%20104%20-13%20115Q-14%2078%2021%2067Z'/%3E%3Cpath%20d='M21%2067L-13%20115M16%2074L17%2081M16%2074L9%2076M11%2080L15%2090M11%2080L1%2081M6%2087L11%2098M6%2087L-5%2087M2%2094L6%20105M2%2094L-10%2093M-3%20101L0%20111M-3%20101L-13%20101M-8%20108L-7%20116M-8%20108L-15%20110'/%3E%3Cpath%20d='M241%2067Q242%20104%20207%20115Q206%2078%20241%2067Z'/%3E%3Cpath%20d='M241%2067L207%20115M236%2074L237%2081M236%2074L229%2076M231%2080L235%2090M231%2080L221%2081M226%2087L231%2098M226%2087L215%2087M222%2094L226%20105M222%2094L210%2093M217%20101L220%20111M217%20101L207%20101M212%20108L213%20116M212%20108L205%20110'/%3E%3Cpath%20d='M9%20-4Q12%2047%20-24%2084Q-27%2032%209%20-4Z'/%3E%3Cpath%20d='M9%20-4L-24%2084M4%209L5%2019M4%209L-3%2016M0%2021L4%2033M0%2021L-11%2027M-5%2034L0%2046M-5%2034L-17%2039M-10%2046L-4%2058M-10%2046L-22%2052M-15%2059L-11%2070M-15%2059L-25%2065M-19%2071L-18%2081M-19%2071L-27%2078'/%3E%3Cpath%20d='M9%20216Q12%20267%20-24%20304Q-27%20252%209%20216Z'/%3E%3Cpath%20d='M9%20216L-24%20304M4%20229L5%20239M4%20229L-3%20236M0%20241L4%20253M0%20241L-11%20247M-5%20254L0%20266M-5%20254L-17%20259M-10%20266L-4%20278M-10%20266L-22%20272M-15%20279L-11%20290M-15%20279L-25%20285M-19%20291L-18%20301M-19%20291L-27%20298'/%3E%3Cpath%20d='M229%20-4Q232%2047%20196%2084Q193%2032%20229%20-4Z'/%3E%3Cpath%20d='M229%20-4L196%2084M224%209L225%2019M224%209L217%2016M220%2021L224%2033M220%2021L209%2027M215%2034L220%2046M215%2034L203%2039M210%2046L216%2058M210%2046L198%2052M205%2059L209%2070M205%2059L195%2065M201%2071L202%2081M201%2071L193%2078'/%3E%3Cpath%20d='M229%20216Q232%20267%20196%20304Q193%20252%20229%20216Z'/%3E%3Cpath%20d='M229%20216L196%20304M224%20229L225%20239M224%20229L217%20236M220%20241L224%20253M220%20241L209%20247M215%20254L220%20266M215%20254L203%20259M210%20266L216%20278M210%20266L198%20272M205%20279L209%20290M205%20279L195%20285M201%20291L202%20301M201%20291L193%20298'/%3E%3Cpath%20d='M35%203Q75%2012%2098%2046Q57%2038%2035%203Z'/%3E%3Cpath%20d='M35%203L98%2046M44%209L52%2011M44%209L48%2017M53%2016L62%2015M53%2016L56%2025M62%2022L72%2020M62%2022L64%2032M71%2028L81%2026M71%2028L73%2038M80%2034L89%2033M80%2034L83%2043M89%2040L97%2041M89%2040L93%2047'/%3E%3Cpath%20d='M35%20223Q75%20232%2098%20266Q57%20258%2035%20223Z'/%3E%3Cpath%20d='M35%20223L98%20266M44%20229L52%20231M44%20229L48%20237M53%20236L62%20235M53%20236L56%20245M62%20242L72%20240M62%20242L64%20252M71%20248L81%20246M71%20248L73%20258M80%20254L89%20253M80%20254L83%20263M89%20260L97%20261M89%20260L93%20267'/%3E%3Cpath%20d='M255%203Q295%2012%20318%2046Q277%2038%20255%203Z'/%3E%3Cpath%20d='M255%203L318%2046M264%209L272%2011M264%209L268%2017M273%2016L282%2015M273%2016L276%2025M282%2022L292%2020M282%2022L284%2032M291%2028L301%2026M291%2028L293%2038M300%2034L309%2033M300%2034L303%2043M309%2040L317%2041M309%2040L313%2047'/%3E%3Cpath%20d='M255%20223Q295%20232%20318%20266Q277%20258%20255%20223Z'/%3E%3Cpath%20d='M255%20223L318%20266M264%20229L272%20231M264%20229L268%20237M273%20236L282%20235M273%20236L276%20245M282%20242L292%20240M282%20242L284%20252M291%20248L301%20246M291%20248L293%20258M300%20254L309%20253M300%20254L303%20263M309%20260L317%20261M309%20260L313%20267'/%3E%3Cpath%20d='M53%207Q30%2041%20-11%2042Q12%207%2053%207Z'/%3E%3Cpath%20d='M53%207L-11%2042M44%2012L39%2019M44%2012L36%2011M35%2017L32%2026M35%2017L25%2014M25%2022L23%2032M25%2022L15%2018M16%2027L14%2037M16%2027L6%2023M7%2032L4%2041M7%2032L-3%2029M-2%2037L-7%2044M-2%2037L-11%2036'/%3E%3Cpath%20d='M53%20227Q30%20261%20-11%20262Q12%20227%2053%20227Z'/%3E%3Cpath%20d='M53%20227L-11%20262M44%20232L39%20239M44%20232L36%20231M35%20237L32%20246M35%20237L25%20234M25%20242L23%20252M25%20242L15%20238M16%20247L14%20257M16%20247L6%20243M7%20252L4%20261M7%20252L-3%20249M-2%20257L-7%20264M-2%20257L-11%20256'/%3E%3Cpath%20d='M114%20141Q140%20175%20124%20215Q98%20181%20114%20141Z'/%3E%3Cpath%20d='M114%20141L124%20215M116%20151L121%20158M116%20151L112%20160M117%20162L126%20169M117%20162L110%20171M119%20173L129%20179M119%20173L110%20181M120%20183L130%20190M120%20183L112%20192M121%20194L130%20200M121%20194L115%20202M123%20205L128%20211M123%20205L119%20213'/%3E%3Cpath%20d='M61%20-1Q50%2051%204%2075Q14%2023%2061%20-1Z'/%3E%3Cpath%20d='M61%20-1L4%2075M53%2010L51%2021M53%2010L43%2015M45%2021L46%2034M45%2021L32%2024M37%2032L39%2045M37%2032L23%2033M28%2043L30%2056M28%2043L15%2044M20%2053L21%2066M20%2053L8%2056M12%2064L10%2075M12%2064L2%2069'/%3E%3Cpath%20d='M61%20219Q50%20271%204%20295Q14%20243%2061%20219Z'/%3E%3Cpath%20d='M61%20219L4%20295M53%20230L51%20241M53%20230L43%20235M45%20241L46%20254M45%20241L32%20244M37%20252L39%20265M37%20252L23%20253M28%20263L30%20276M28%20263L15%20264M20%20273L21%20286M20%20273L8%20276M12%20284L10%20295M12%20284L2%20289'/%3E%3Cpath%20d='M69%2051Q55%2084%2020%2095Q34%2061%2069%2051Z'/%3E%3Cpath%20d='M69%2051L20%2095M62%2057L60%2064M62%2057L55%2059M55%2063L54%2072M55%2063L46%2063M48%2070L48%2079M48%2070L39%2069M41%2076L41%2086M41%2076L32%2075M34%2082L33%2091M34%2082L25%2083M27%2089L24%2096M27%2089L20%2091'/%3E%3Cpath%20d='M88%20-34Q68%203%2026%20-1Q46%20-38%2088%20-34Z'/%3E%3Cpath%20d='M88%20-34L26%20-1M79%20-29L75%20-21M79%20-29L71%20-30M70%20-24L68%20-14M70%20-24L60%20-29M61%20-20L60%20-7M61%20-20L50%20-26M52%20-15L51%20-3M52%20-15L41%20-21M43%20-11L41%200M43%20-11L33%20-15M35%20-6L31%202M35%20-6L26%20-7'/%3E%3Cpath%20d='M88%20186Q68%20223%2026%20219Q46%20182%2088%20186Z'/%3E%3Cpath%20d='M88%20186L26%20219M79%20191L75%20199M79%20191L71%20190M70%20196L68%20206M70%20196L60%20191M61%20200L60%20213M61%20200L50%20194M52%20205L51%20217M52%20205L41%20199M43%20209L41%20220M43%20209L33%20205M35%20214L31%20222M35%20214L26%20213'/%3E%3Cpath%20d='M0%2046Q-44%2068%20-91%2052Q-47%2030%200%2046Z'/%3E%3Cpath%20d='M0%2046L-91%2052M-13%2047L-22%2052M-13%2047L-22%2043M-26%2048L-35%2055M-26%2048L-36%2041M-39%2049L-48%2058M-39%2049L-49%2041M-52%2049L-61%2058M-52%2049L-62%2041M-65%2050L-74%2058M-65%2050L-75%2044M-78%2051L-87%2056M-78%2051L-87%2047'/%3E%3Cpath%20d='M0%20266Q-44%20288%20-91%20272Q-47%20250%200%20266Z'/%3E%3Cpath%20d='M0%20266L-91%20272M-13%20267L-22%20272M-13%20267L-22%20263M-26%20268L-35%20275M-26%20268L-36%20261M-39%20269L-48%20278M-39%20269L-49%20261M-52%20269L-61%20278M-52%20269L-62%20261M-65%20270L-74%20278M-65%20270L-75%20264M-78%20271L-87%20276M-78%20271L-87%20267'/%3E%3Cpath%20d='M220%2046Q176%2068%20129%2052Q173%2030%20220%2046Z'/%3E%3Cpath%20d='M220%2046L129%2052M207%2047L198%2052M207%2047L198%2043M194%2048L185%2055M194%2048L184%2041M181%2049L172%2058M181%2049L171%2041M168%2049L159%2058M168%2049L158%2041M155%2050L146%2058M155%2050L145%2044M142%2051L133%2056M142%2051L133%2047'/%3E%3Cpath%20d='M220%20266Q176%20288%20129%20272Q173%20250%20220%20266Z'/%3E%3Cpath%20d='M220%20266L129%20272M207%20267L198%20272M207%20267L198%20263M194%20268L185%20275M194%20268L184%20261M181%20269L172%20278M181%20269L171%20261M168%20269L159%20278M168%20269L158%20261M155%20270L146%20278M155%20270L145%20264M142%20271L133%20276M142%20271L133%20267'/%3E%3Cpath%20d='M87%2016Q130%2032%20140%2076Q97%2061%2087%2016Z'/%3E%3Cpath%20d='M87%2016L140%2076M95%2025L104%2027M95%2025L97%2034M103%2033L114%2034M103%2033L102%2045M110%2042L123%2041M110%2042L108%2054M118%2050L130%2050M118%2050L116%2063M125%2059L137%2060M125%2059L125%2070M133%2068L142%2070M133%2068L135%2077'/%3E%3Cpath%20d='M87%20236Q130%20252%20140%20296Q97%20281%2087%20236Z'/%3E%3Cpath%20d='M87%20236L140%20296M95%20245L104%20247M95%20245L97%20254M103%20253L114%20254M103%20253L102%20265M110%20262L123%20261M110%20262L108%20274M118%20270L130%20270M118%20270L116%20283M125%20279L137%20280M125%20279L125%20290M133%20288L142%20290M133%20288L135%20297'/%3E%3Cpath%20d='M19%2073Q71%2070%20106%20107Q55%20110%2019%2073Z'/%3E%3Cpath%20d='M19%2073L106%20107M32%2078L42%2077M32%2078L39%2086M44%2083L56%2079M44%2083L50%2094M57%2088L69%2082M57%2088L62%20100M69%2093L81%2087M69%2093L74%20105M81%2097L93%2093M81%2097L87%20108M94%20102L104%20101M94%20102L101%20110'/%3E%3Cpath%20d='M239%2073Q291%2070%20326%20107Q275%20110%20239%2073Z'/%3E%3Cpath%20d='M239%2073L326%20107M252%2078L262%2077M252%2078L259%2086M264%2083L276%2079M264%2083L270%2094M277%2088L289%2082M277%2088L282%20100M289%2093L301%2087M289%2093L294%20105M301%2097L313%2093M301%2097L307%20108M314%20102L324%20101M314%20102L321%20110'/%3E%3Cpath%20d='M54%2022Q90%2019%20103%2053Q67%2056%2054%2022Z'/%3E%3Cpath%20d='M54%2022L103%2053M61%2027L69%2025M61%2027L63%2034M68%2031L77%2027M68%2031L69%2041M75%2035L85%2030M75%2035L75%2047M82%2040L92%2034M82%2040L82%2051M89%2044L98%2040M89%2044L90%2054M96%2048L103%2047M96%2048L98%2055'/%3E%3Cpath%20d='M54%20242Q90%20239%20103%20273Q67%20276%2054%20242Z'/%3E%3Cpath%20d='M54%20242L103%20273M61%20247L69%20245M61%20247L63%20254M68%20251L77%20247M68%20251L69%20261M75%20255L85%20250M75%20255L75%20267M82%20260L92%20254M82%20260L82%20271M89%20264L98%20260M89%20264L90%20274M96%20268L103%20267M96%20268L98%20275'/%3E%3Cpath%20d='M123%2098Q160%2091%20180%20123Q143%20131%20123%2098Z'/%3E%3Cpath%20d='M123%2098L180%20123M131%20102L139%20100M131%20102L135%20109M139%20106L148%20101M139%20106L142%20115M148%20109L157%20103M148%20109L150%20120M156%20113L165%20107M156%20113L158%20124M164%20116L173%20112M164%20116L167%20126M172%20120L180%20118M172%20120L176%20127'/%3E%3Cpath%20d='M142%2026Q178%2041%20189%2079Q153%2064%20142%2026Z'/%3E%3Cpath%20d='M142%2026L189%2079M148%2033L156%2036M148%2033L150%2041M155%2041L165%2042M155%2041L155%2051M162%2049L172%2049M162%2049L161%2059M169%2056L179%2057M169%2056L168%2067M176%2064L185%2065M176%2064L176%2074M182%2072L190%2075M182%2072L184%2080'/%3E%3Cpath%20d='M142%20246Q178%20261%20189%20299Q153%20284%20142%20246Z'/%3E%3Cpath%20d='M142%20246L189%20299M148%20253L156%20256M148%20253L150%20261M155%20261L165%20262M155%20261L155%20271M162%20269L172%20269M162%20269L161%20279M169%20276L179%20277M169%20276L168%20287M176%20284L185%20285M176%20284L176%20294M182%20292L190%20295M182%20292L184%20300'/%3E%3Cpath%20d='M-6%20177Q34%20179%2047%20218Q6%20216%20-6%20177Z'/%3E%3Cpath%20d='M-6%20177L47%20218M1%20183L10%20183M1%20183L3%20191M9%20189L19%20186M9%20189L9%20199M16%20194L28%20191M16%20194L15%20207M24%20200L35%20196M24%20200L23%20212M31%20206L42%20204M31%20206L32%20217M39%20212L47%20212M39%20212L41%20220'/%3E%3Cpath%20d='M214%20177Q254%20179%20267%20218Q226%20216%20214%20177Z'/%3E%3Cpath%20d='M214%20177L267%20218M221%20183L230%20183M221%20183L223%20191M229%20189L239%20186M229%20189L229%20199M236%20194L248%20191M236%20194L235%20207M244%20200L255%20196M244%20200L243%20212M251%20206L262%20204M251%20206L252%20217M259%20212L267%20212M259%20212L261%20220'/%3E%3Cpath%20d='M87%20-32Q47%20-15%206%20-29Q46%20-47%2087%20-32Z'/%3E%3Cpath%20d='M87%20-32L6%20-29M75%20-32L67%20-28M75%20-32L67%20-35M64%20-31L56%20-25M64%20-31L55%20-37M52%20-31L44%20-24M52%20-31L44%20-38M41%20-30L33%20-23M41%20-30L32%20-37M29%20-30L21%20-24M29%20-30L21%20-36M18%20-30L10%20-26M18%20-30L9%20-33'/%3E%3Cpath%20d='M87%20188Q47%20205%206%20191Q46%20173%2087%20188Z'/%3E%3Cpath%20d='M87%20188L6%20191M75%20188L67%20192M75%20188L67%20185M64%20189L56%20195M64%20189L55%20183M52%20189L44%20196M52%20189L44%20182M41%20190L33%20197M41%20190L32%20183M29%20190L21%20196M29%20190L21%20184M18%20190L10%20194M18%20190L9%20187'/%3E%3C/g%3E%3C/svg%3E"); background-size:176px 176px;
  opacity:0; transition:opacity 1.6s ease .4s}
.qt__hoatiet i:first-child{grid-column:5}
.qt__hoatiet.is-in i{opacity:1}
@media (max-width:900px){ .qt__hoatiet{display:none} }

/* ── Bản đồ 8 bước ── */
.qt__bando{padding:3.5rem 0 3rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  background:var(--paper-2)}
.qt__bando .wrap{position:relative}
.qt__day{position:absolute; left:0; right:0; top:2.7rem; width:100%; height:2px; color:var(--oliu)}
.qt__day path{stroke:currentColor; stroke-width:1; fill:none; stroke-dasharray:1; stroke-dashoffset:1;
  transition:stroke-dashoffset 2.4s var(--ease) .2s}
.qt__day.is-in path{stroke-dashoffset:0}
.qt__nutS{display:grid; grid-template-columns:repeat(8,1fr); gap:.6rem; position:relative}
.qt__nut{display:flex; flex-direction:column; align-items:center; text-align:center; gap:.6rem;
  padding-top:0; color:var(--ink)}
.qt__vong{width:5.4rem; height:5.4rem; border-radius:50%; border:1px solid var(--oliu); background:var(--paper-2);
  display:grid; place-items:center; transition:background .4s ease, transform .5s var(--ease)}
.qt__nut:hover .qt__vong{background:var(--paper); transform:translateY(-3px)}
.qt__icon{width:48px; height:48px; fill:none; stroke:var(--oliu); stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round}
.qt__icon--nho{width:34px; height:34px}
.qt__nut b{font-size:.74rem; font-weight:300; letter-spacing:.14em; color:var(--gold-ink)}
.qt__nut span:last-child{font-size:.78rem; font-weight:400; line-height:1.4; max-width:11ch}
.qt__mocS{display:flex; gap:1.2rem 2.6rem; flex-wrap:wrap; margin-top:2.6rem; padding-top:1.6rem; border-top:1px solid var(--line)}
.qt__mocS span{display:flex; align-items:center; gap:.7rem; font-size:.86rem; font-weight:400}
.qt__mocS i{width:1.7rem; height:1.7rem; border-radius:50%; background:var(--gold); color:var(--ink);
  font-style:normal; font-size:.72rem; font-weight:600; display:grid; place-items:center}
.qt__mocS small{font-size:.76rem; font-weight:300; color:var(--ink-soft)}
@media (max-width:1100px){ .qt__nutS{grid-template-columns:repeat(4,1fr); gap:1.6rem 1rem} .qt__day{display:none} }
@media (max-width:560px){ .qt__nutS{grid-template-columns:repeat(2,1fr)} }

/* ── Chi tiết từng bước: cột nội dung + cột bên dính ── */
.qt__than{position:relative; width:min(1360px,100% - 8vw); margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:0 3.5rem; align-items:start}
.qt__than > section{grid-column:1}
.qt__ben{grid-column:2; grid-row:1 / span 8; padding-top:3.6rem; align-self:stretch}
/* align-self:stretch là bắt buộc: lưới đặt align-items:start nên ô bên chỉ cao bằng
   nội dung, sticky bên trong không có chỗ để dính (đã vấp: cột bên trôi mất). */
@media (max-width:1000px){ .qt__than{grid-template-columns:1fr} .qt__ben{display:none} }
.qt__buoc{padding:3.6rem 0; border-bottom:1px solid var(--line)}
.qt__buoc:last-of-type{border-bottom:0}
.qt__buoc-in{width:auto; display:grid; grid-template-columns:5fr 7fr; gap:3.5rem; align-items:start}
.qt__buoc--dao .qt__buoc-in{grid-template-columns:7fr 5fr}
.qt__buoc--dao .qt__anh{order:2}
@media (max-width:760px){ .qt__buoc-in, .qt__buoc--dao .qt__buoc-in{grid-template-columns:1fr; gap:1.8rem} .qt__buoc--dao .qt__anh{order:0} .qt__buoc{padding:3rem 0} }
.qt__anh{position:relative; margin:0; background:var(--paper-2)}
.qt__anh img{width:100%; aspect-ratio:4/5; object-fit:cover; display:block}
@media (max-width:760px){ .qt__anh img{aspect-ratio:16/10} }
.qt__so{position:absolute; left:0; top:0; padding:.6rem .9rem; background:var(--paper); font-size:.8rem;
  font-weight:300; letter-spacing:.18em; color:var(--gold-ink)}
.qt__dau{display:flex; align-items:center; gap:1.2rem}
.qt__dau .qt__icon{flex:none; width:56px; height:56px; padding:10px; border:1px solid var(--oliu); border-radius:50%}
.qt__chu h2{margin:.4rem 0 0; font-weight:300; letter-spacing:.04em; text-transform:uppercase;
  font-size:clamp(1.2rem,2.1vw,1.6rem); line-height:1.3}
.qt__nho{margin:1.6rem 0 0; font-family:var(--font-slogan, "Cormorant Garamond", Georgia, serif);
  font-size:1.35rem; line-height:1.5; color:var(--oliu); font-weight:500}
.qt__muc{margin:1rem 0 0; font-weight:300; line-height:1.85; color:var(--ink-soft); max-width:60ch}
.qt__hai{display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:1.8rem; padding-top:1.4rem; border-top:1px solid var(--line-soft)}
@media (max-width:560px){ .qt__hai{grid-template-columns:1fr} }
.qt__hai b{display:block; font-size:.66rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-ink); margin-bottom:.6rem}
.qt__hai ul{margin:0; padding-left:1.1rem}
.qt__hai li{margin:.4rem 0; font-size:.9rem; font-weight:300; line-height:1.7}
.qt__hai li::marker{color:var(--oliu)}
.qt__giao{margin:1.6rem 0 0; padding:1rem 1.2rem; background:var(--paper-2); border-left:2px solid var(--gold);
  font-size:.9rem; font-weight:300; line-height:1.7}
.qt__giao b{display:block; font-size:.66rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-ink); margin-bottom:.3rem}
.qt__moc{display:inline-flex; align-items:center; gap:.6rem; margin:1rem 0 0; font-size:.78rem; font-weight:500; letter-spacing:.06em; color:var(--ink)}
.qt__moc i{width:.7rem; height:.7rem; border-radius:50%; background:var(--gold)}

/* mục lục bên: số + tên */
.mucluc--so a b{font-weight:300; letter-spacing:.12em; color:var(--gold-ink); margin-right:.5rem}

/* ── Cuối: hai vòng quay lại + hồ sơ ── */
.qt__cuoi{background:var(--paper-2)}
.qt__cuoi-in{display:grid; grid-template-columns:1fr 1fr; gap:4rem}
@media (max-width:900px){ .qt__cuoi-in{grid-template-columns:1fr; gap:2.5rem} }
.qt__doan{margin:1.2rem 0 0; font-weight:300; line-height:1.85; color:var(--ink-soft)}
.qt__vong-list{margin:1.2rem 0 0; padding-left:1.1rem}
.qt__vong-list li{margin:.7rem 0; font-size:.92rem; font-weight:300; line-height:1.75}
.qt__vong-list b{font-weight:500}
.qt__hoso{list-style:none; margin:1.4rem 0 0; padding:0; counter-reset:hs}
.qt__hoso li{counter-increment:hs; padding:.75rem 0; border-top:1px solid var(--line); font-size:.92rem; font-weight:300; display:flex; gap:1rem}
.qt__hoso li::before{content:counter(hs,decimal-leading-zero); font-size:.72rem; letter-spacing:.12em; color:var(--gold-ink); padding-top:.15rem}

/* ── Bản đồ 8 bước đặt TRONG một khối của trang sản phẩm (thay chuỗi 5 bước cũ):
      bỏ nền, viền và đệm riêng vì khối cha đã lo; dây nối định vị theo .qt__khung ── */
.qt__bando--trong{background:none; border:0; padding:2.6rem 0 0}
.qt__khung{position:relative}
.qt__bando--trong .qt__vong{background:var(--paper)}
.qt__bando--trong .qt__mocS{margin-top:2.2rem}
.qt__xem{color:var(--gold-ink); font-weight:500; white-space:nowrap; border-bottom:1px solid transparent; transition:border-color .3s ease}
.qt__xem:hover{border-bottom-color:var(--gold-ink)}