/* incp.pro on a phone (27 Oct 2026). Loaded last and only at max-width 760px, so it can set the phone's own
   system without fighting the desktop rules: a sticky compact header, filters as a full-screen sheet, a folded
   "On this page" bar that stays in reach, one column throughout, and tap targets of at least 44px. */
:root{--m-gut:16px;--m-head:56px}
html{scroll-padding-top:calc(var(--m-head) + 64px)}
body{-webkit-text-size-adjust:100%}

/* ——— header: sticky and short; the menu opens as a panel over the page ——— */
.site-head{position:sticky;top:0;z-index:50}
.site-head .wrap{min-height:var(--m-head);flex-wrap:nowrap}
.wordmark{font-size:16px}
.nav-toggle{min-height:40px;padding:0 16px;border-radius:999px;font-size:15px}
.site-nav{position:absolute;left:0;right:0;top:var(--m-head);background:var(--head-bg);border-bottom:1px solid var(--head-line);
  box-shadow:0 18px 32px -22px rgba(0,0,0,.45);max-height:calc(100vh - var(--m-head));overflow:auto}
.site-nav ul{padding:4px var(--m-gut) 12px}
.site-nav li+li{border-top:1px solid var(--head-line)}
.site-nav a{min-height:52px;font-size:17px;padding:0 4px}
.site-nav a[aria-current="page"]{box-shadow:none;padding-left:4px;font-weight:700}

/* ——— page head ——— */
.crumbs{padding:14px 0 0;font-size:12.5px}
.crumbs ol{gap:4px}
.page-head{padding:14px 0 18px}
.page-head h1{font-size:28px;line-height:1.15;max-width:none}
.lede{font-size:16.5px;line-height:1.5;margin-top:10px}
.place-head{gap:10px}

/* ——— "On this page": a sticky bar under the header, folded; it opens as a list ——— */
.layout .toc{position:sticky;top:var(--m-head);z-index:20;background:var(--paper);margin:0 calc(-1 * var(--m-gut));padding:8px var(--m-gut);border-bottom:1px solid var(--line)}
.toc-d>summary{min-height:44px;border-radius:999px;justify-content:space-between}
.toc-d>summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg)}
.toc-d[open]>summary::after{transform:rotate(225deg)}
.toc-d[open] ol{max-height:62vh;overflow:auto;padding-bottom:8px}
.toc ol{display:block;border:0}
.toc a{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:12px 4px;font-size:16px;margin:0}
.toc a[aria-current="true"]{border-left:0;color:var(--ink)}
.toc .toc-group{padding:16px 4px 4px;font-size:11.5px}

/* ——— sections and parts ——— */
.section{padding:24px 0}
.section.s3{padding:22px 0}
.part-head{font-size:24px;padding:34px 0 2px}
.section-head{margin-bottom:14px}
.section-head p{font-size:15px;line-height:1.5}
.facts>dd .v{font-size:16px}
.facts>dd .src{font-size:13px}
details.quote summary{min-height:36px}
p.more,.more{font-size:14.5px}

/* ——— cards and lists: one column, less chrome ——— */
.tcards,.cards,.lcards{grid-template-columns:1fr;gap:10px}
.tcard{padding:14px 16px;border-radius:10px}
.kf{grid-template-columns:1fr;gap:10px}
.kf-g{padding:14px 16px}
.kf-v{font-size:14.5px}
.tchip{min-height:40px}

/* ——— tables: edge to edge, and the exports table keeps only its latest year ——— */
.table-scroll{margin:0 calc(-1 * var(--m-gut));padding:0 var(--m-gut)}
/* exports: each product a stacked line — its full name, then the latest share and value */
.exp-tbl,.exp-tbl tbody{display:block}
.exp-tbl thead{display:none}
.exp-tbl tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.exp-tbl tbody th[scope="row"]{grid-column:1/-1;max-width:none;font-size:15px;padding:0;border:0;text-align:left}
.exp-tbl tbody td{padding:0;border:0;text-align:left;font-size:14.5px}
.exp-tbl tbody td:last-child{text-align:right}
.exp-tbl tbody td::before{content:attr(data-l) " · ";color:var(--mute);font-size:13px}
.exp-tbl tbody td:not(:nth-last-child(-n+2)){display:none}

/* ——— the finders: filters fold to a bar; opened, they fill the screen with one button back to the results ——— */
.tool{display:block}
.filters{margin:0 0 12px;border-radius:10px}
.filters>summary{min-height:52px;font-size:16px}
.filters[open]{position:fixed;inset:0;z-index:60;margin:0;border:0;border-radius:0;overflow:auto;background:var(--paper);padding:0 0 96px}
.filters[open]>summary{position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line)}
.filters .fbody{padding:4px var(--m-gut) 16px}
.f-done{position:fixed;left:var(--m-gut);right:var(--m-gut);bottom:16px;z-index:3;min-height:52px;border:0;border-radius:999px;
  background:var(--ink);color:var(--paper);font:600 16px var(--text-face);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.filters:not([open]) .f-done{display:none}
body:has(.filters[open]){overflow:hidden}
.more-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:16px 0;border:1px solid var(--line-strong);
  border-radius:999px;background:var(--panel);color:var(--ink);font:600 15.5px var(--text-face)}

/* ——— jurisdictions list ——— */
.jx-regions{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--m-gut)) 16px;padding:0 var(--m-gut) 4px;scrollbar-width:none}
.jx-regions::-webkit-scrollbar{display:none}
.jx-regions .tchip{flex:0 0 auto}
.jx-row{padding:12px 0}
.jx-sub>a,.jx-tags{padding-left:30px}

/* ——— footer ——— */
.colophon .cols{grid-template-columns:1fr;gap:20px}
.colophon .legal{flex-direction:column;align-items:flex-start;gap:6px}
.filters .fhead b{font-size:0}
.filters .fhead b .asof{font-size:13px}
.filters .fhead{min-height:0;justify-content:flex-end}
.kf-m .hs{white-space:nowrap}
.part-head{margin-top:32px;padding:10px 12px;font-size:21px;gap:10px}
.part-head .part-ico{width:34px;height:34px}
.ico{width:18px;height:18px;margin-right:8px}
.rk li{grid-template-columns:2em 1fr auto;row-gap:3px}
.rk-b{grid-column:2/-1;grid-row:2}
.rk-c{white-space:normal}

/* menu: full-width rows, the current page a tinted row */
.site-nav a{min-height:50px;border-radius:10px;padding:0 12px;font-size:17px}
.site-nav li+li{border-top:0}
.site-nav a[aria-current="page"]{background:var(--tint);color:#3730A3;padding-left:12px}

/* home */
.hero{padding:30px 0 28px}
.hero h1{font-size:28px}
.hero .lede{font-size:15px}
.hq{margin-top:18px}
.hq input{min-height:52px;font-size:16px;padding-left:46px;background-position:16px center}
.hq-results{max-height:60vh}
.hq-results a{flex-wrap:wrap;gap:2px 8px}
.hq-results a span:last-child{margin-left:0;padding-left:0;width:100%}
.hsec{padding:28px 0}
.hhead h2{font-size:21px}
.hhead a{font-size:14px}
.primary{grid-template-columns:1fr;gap:12px;padding:18px}
.task-ico.lg{width:46px;height:46px}
.primary h3{font-size:21px}
.primary p{font-size:15px}
.primary-a .btn{flex:1 1 100%;justify-content:center}
.tasks-h{margin-top:24px}
.tasks{grid-template-columns:1fr;gap:8px}
.task{padding:12px}
.task b{font-size:15.5px}
.hknown{grid-template-columns:1fr 1fr;gap:8px}
.hk{padding:12px}
.hk b{font-size:15px}
.hblocs{grid-template-columns:1fr;gap:8px}
.hblocs a{padding:10px 12px}

/* known for */
.kfx-grid{grid-template-columns:1fr}
.kfx-bar{grid-template-columns:1fr}
.kfx-chips{flex-wrap:nowrap;overflow-x:auto;margin:12px calc(-1 * var(--m-gut)) 4px;padding:0 var(--m-gut) 4px;scrollbar-width:none}
.kfx-chips::-webkit-scrollbar{display:none}
.kfx-chips .tchip{flex:0 0 auto}
.kfx-p>li{grid-template-columns:1fr}
.kfx-p .kfx-w{margin-left:0}
.pager .pg-of{flex-basis:100%;margin:6px 0 0}
.kfp .rk li{grid-template-columns:2.2em 1fr auto;font-size:14.5px}
.kfx-rel{columns:1}

/* footer */
.colophon{margin-top:48px}
.colophon .wrap{padding-top:32px;padding-bottom:24px}
.foot-cols{grid-template-columns:1fr 1fr;gap:20px 16px}
.foot-cols>div:last-child{grid-column:1/-1}
.colophon .foot-cols a{display:inline-block;padding:6px 0}
.foot-bottom{flex-direction:column;align-items:flex-start;margin-top:28px}
.colophon .foot-bottom .accuracy{font-size:15px}
.hero{padding:24px 0 20px}
.hero+.wrap>.hsec:first-child{padding-top:16px}
.primary{padding:16px}

/* the tax year strip */
.ys{padding:12px;margin-left:calc(-1 * 4px);margin-right:calc(-1 * 4px)}
.ys-grid{gap:2px;grid-template-columns:2em repeat(31,minmax(0,1fr))}
.ys-grid i{border-radius:2px}
.ys-m{font-size:10px}
.ys-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
.ys-chips::-webkit-scrollbar{display:none}
.ys-chips .tchip{flex:0 0 auto}

/* jurisdictions pills: label above, the pills scroll sideways */
.jx-frow{grid-template-columns:1fr;gap:6px}
.jx-bdesc{margin-left:0}
.jx-filters .jx-regions{margin:0 calc(-1 * var(--m-gut));padding:0 var(--m-gut) 4px}

/* AA: the open filter sheet scrolls above its button, so no chip sits under it (2.5.8, 2.4.11) */
.filters[open]{overflow:hidden;padding-bottom:0}
.filters[open] .fbody{max-height:calc(100dvh - 52px - 84px);overflow:auto;overscroll-behavior:contain}
