/* CNFans Spreadsheet Field Marks · cnfansfind.net · prefix lsq- */
:root{
  --paper:#f5f1e6; --card:#fffdf8; --ink:#1d2620; --ink2:#47524b; --green:#1f5a42; --green-d:#164532;
  --ochre:#9e5414; --mark:#f1cf62; --line:#d8d0bb; --chip:#ebe5d4; --shadow:0 1px 0 rgba(29,38,32,.06);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:1160px; --figw:440px;
}
@media (prefers-color-scheme:dark){
  :root{--paper:#121915; --card:#19221d; --ink:#ebe7da; --ink2:#bdbcae; --green:#8fd0ac; --green-d:#b5e3c9;
    --ochre:#e3a865; --mark:#6b5a1d; --line:#33403a; --chip:#232e28; --shadow:none}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.62 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-underline-offset:2px}
a:hover{color:var(--green-d)}
:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}
.lsq-skip{position:absolute;left:-999px;top:0;background:var(--card);padding:10px 14px;z-index:20}
.lsq-skip:focus{left:12px}
.lsq-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

/* header */
.lsq-top{background:var(--card);border-bottom:1px solid var(--line)}
.lsq-top__in{display:flex;align-items:center;gap:20px;min-height:68px}
.lsq-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:19px;font-weight:700;white-space:nowrap;min-height:44px}
.lsq-brand img{width:34px;height:34px}
.lsq-brand span em{font-style:normal;color:var(--ochre)}
.lsq-nav{margin-left:auto}
.lsq-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:nowrap}
.lsq-nav a{display:flex;align-items:center;min-height:44px;padding:0 11px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:15.5px;white-space:nowrap}
.lsq-nav a:hover{background:var(--chip)}
.lsq-nav a[aria-current=page]{background:var(--green);color:var(--card)}
.lsq-burger{display:none;margin-left:auto;min-height:44px;min-width:44px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;font:600 15px var(--sans);padding:0 12px}
@media (max-width:1100px){
  .lsq-burger{display:block}
  .lsq-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--card);border-bottom:1px solid var(--line);z-index:15}
  .lsq-nav.is-open{display:block}
  .lsq-nav ul{flex-direction:column;padding:8px 16px 14px}
  .lsq-top{position:relative}
}

/* hero */
.lsq-hero{padding:46px 0 34px;border-bottom:1px solid var(--line);background:linear-gradient(var(--paper),var(--paper)) padding-box}
.lsq-hero h1{font-family:var(--serif);font-size:44px;line-height:1.14;margin:0 0 14px;max-width:920px;letter-spacing:-.01em}
.lsq-lede{font-size:19px;max-width:860px;margin:0 0 22px;color:var(--ink2)}
.lsq-seek{display:flex;gap:10px;max-width:860px;background:var(--card);border:2px solid var(--green);border-radius:14px;padding:8px}
.lsq-seek label{position:absolute;left:-999px}
.lsq-seek input[type=search]{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:18px var(--sans);padding:12px 12px;min-height:52px}
.lsq-seek input[type=search]:focus{outline:none}
.lsq-seek:focus-within{box-shadow:0 0 0 3px var(--mark)}
.lsq-seek button{border:0;border-radius:10px;background:var(--green);color:var(--card);font:600 17px var(--sans);padding:0 22px;min-height:52px;cursor:pointer}
.lsq-trail{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.lsq-trail a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:15px;text-decoration:none}
.lsq-trail a:hover{border-color:var(--green)}
.lsq-hero--sub{padding:38px 0 28px}
.lsq-hero--sub h1{font-size:38px}
.lsq-crumb{font-size:14px;color:var(--ink2);margin:0 0 10px}
.lsq-crumb a{color:var(--ink2);display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* sections */
main section{padding:52px 0;border-bottom:1px solid var(--line)}
main section:last-of-type{border-bottom:0}
main h2{font-family:var(--serif);font-size:30px;line-height:1.2;margin:0 0 14px;letter-spacing:-.005em}
main h3{font-family:var(--serif);font-size:21px;margin:22px 0 6px}
main p{margin:0 0 14px}
main ul,main ol{margin:0 0 14px;padding-left:22px}
main li{margin:0 0 6px}
.lsq-note{font-size:15px;color:var(--ink2)}
.lsq-more{font-weight:600}

/* pair: text + figure side by side, both stretched to one height */
.lsq-pair{display:grid;grid-template-columns:minmax(0,1fr) var(--figw);gap:48px;align-items:stretch}
.lsq-pair--flip{grid-template-columns:var(--figw) minmax(0,1fr)}
.lsq-pair--flip .lsq-fig{order:-1}
.lsq-pair__txt>*:last-child{margin-bottom:0}
.lsq-fig{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.lsq-fig img{width:100%;flex:1 1 auto;object-fit:contain;object-position:50% 0;background:#fffdf8}
.lsq-fig figcaption{font-size:14px;line-height:1.45;color:var(--ink2);padding:9px 14px 11px;border-top:1px solid var(--line)}
.lsq-pair .lsq-fig img{height:100%;min-height:0}
@media (max-width:1199px){
  .lsq-pair,.lsq-pair--flip{grid-template-columns:1fr;gap:22px}
  .lsq-pair--flip .lsq-fig{order:0}
  .lsq-pair .lsq-fig img{height:auto;width:auto;max-width:100%;margin:0 auto;flex:none}
}

/* band: full-width figure, then text in two columns of the same total width */
.lsq-band .lsq-fig{margin:6px 0 22px}
.lsq-band .lsq-fig img{height:auto}
.lsq-band__txt{columns:2;column-gap:48px}
.lsq-band__txt>*{break-inside:avoid-column}
.lsq-band__part{break-inside:avoid-column;margin-bottom:6px}
.lsq-band__txt h3:first-child{margin-top:0}
@media (max-width:860px){.lsq-band__txt{columns:1}}

/* col: narrow reading column with a figure of the same width */
.lsq-col__in{max-width:760px}
.lsq-col .lsq-fig{margin-top:8px}
.lsq-col .lsq-fig img{height:auto}

/* wall of category cards */
.lsq-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none}
.lsq-tile{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.lsq-tile a{display:block;text-decoration:none;color:var(--ink)}
.lsq-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee}
.lsq-tile__name{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 4px;font-family:var(--serif);font-size:19px;font-weight:700}
.lsq-badge{font:600 11.5px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:2px 8px;white-space:nowrap}
.lsq-tile__mark{margin:0;padding:0 14px 14px;font-size:14.5px;color:var(--ink2)}
@media (max-width:900px){.lsq-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* catalogue aisles (16) */
.lsq-aisles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0 0;padding:0;list-style:none}
.lsq-aisle{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.lsq-aisle>a{display:block;text-decoration:none;color:var(--ink)}
.lsq-aisle img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee}
.lsq-aisle__name{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 2px;font-family:var(--serif);font-size:19px;font-weight:700}
.lsq-aisle__body{padding:6px 14px 14px;font-size:14.5px;color:var(--ink2)}
.lsq-aisle__body p{margin:0 0 8px}
.lsq-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none}
.lsq-chips li{margin:0;background:var(--chip);color:var(--ink);border-radius:6px;padding:2px 8px;font-size:13px}
@media (max-width:1100px){.lsq-aisles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.lsq-aisles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lsq-aisles,.lsq-wall{grid-template-columns:1fr}}

/* field-mark numbered list (signature) */
.lsq-marks{list-style:none;padding:0;counter-reset:mk}
.lsq-marks>li{counter-increment:mk;position:relative;padding-left:40px;margin-bottom:10px}
.lsq-marks>li::before{content:counter(mk);position:absolute;left:0;top:1px;width:27px;height:27px;border-radius:50%;background:var(--ochre);color:#fff;font:700 14px/27px var(--sans);text-align:center}

/* CTA + state line */
.lsq-ctabox{margin:18px 0 6px;padding:16px 18px;border:1px dashed var(--line);border-radius:12px;background:var(--paper)}
.lsq-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;border:2px solid var(--green);color:var(--green);font-weight:600;text-decoration:none;background:var(--card)}
.lsq-cta:hover{background:var(--green);color:var(--card)}
.lsq-state{font-size:15px;color:var(--ink2);margin:10px 0 0}

/* definitions, faq */
.lsq-defs{margin:0 0 14px}
.lsq-defs dt{font-weight:700;font-family:var(--serif);font-size:18px;margin-top:12px}
.lsq-defs dd{margin:2px 0 0 0;color:var(--ink)}
.lsq-faq details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 10px;padding:0 16px}
.lsq-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600}
.lsq-faq details[open]{padding-bottom:12px}
.lsq-faq details p:last-child{margin-bottom:0}

/* field card builder (tool) */
.lsq-fc{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start;margin-top:10px}
.lsq-fc__form{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.lsq-fc__form fieldset{border:0;margin:0 0 16px;padding:0}
.lsq-fc__form legend{font-weight:700;margin-bottom:8px;font-family:var(--serif);font-size:18px}
.lsq-fc__form select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:16px var(--sans);padding:0 10px}
.lsq-fc__opt{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15.5px}
.lsq-fc__opt input{width:20px;height:20px;accent-color:var(--green)}
.lsq-fc__go{width:100%;min-height:48px;border:0;border-radius:10px;background:var(--green);color:var(--card);font:600 16px var(--sans);cursor:pointer}
.lsq-fc__hint{font-size:14px;color:var(--ink2);margin:10px 0 0}
.lsq-fc__out{background:var(--card);border:2px solid var(--ochre);border-radius:12px;padding:20px 22px;min-height:420px}
.lsq-fc__out h3{margin:0 0 4px;font-size:22px}
.lsq-fc__meta{font-size:14px;color:var(--ink2);margin:0 0 12px}
.lsq-fc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.lsq-fc__grid h4{margin:0 0 6px;font:700 13px var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ochre)}
.lsq-fc__grid ul{margin:0;padding-left:18px;font-size:15px}
.lsq-fc__words{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.lsq-fc__words a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;border:1px solid var(--green);text-decoration:none;font-size:14.5px}
.lsq-fc__words small{margin-left:6px;color:var(--ink2)}
.lsq-fc__tools{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.lsq-fc__tools button{min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:0 14px;font:600 15px var(--sans);cursor:pointer}
@media (max-width:980px){.lsq-fc{grid-template-columns:1fr}.lsq-fc__grid{grid-template-columns:1fr}}
@media print{
  .lsq-top,.lsq-foot,.lsq-hero,.lsq-fc__form,.lsq-fc__tools,main section:not(.lsq-tool){display:none!important}
  .lsq-fc{display:block}.lsq-fc__out{border:1px solid #000}
}

/* footer */
.lsq-foot{background:var(--card);border-top:1px solid var(--line);padding:34px 0 40px;font-size:15px;color:var(--ink2)}
.lsq-foot__grid{display:grid;grid-template-columns:1.2fr 2fr;gap:30px}
.lsq-foot ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.lsq-foot li a{display:inline-flex;align-items:center;min-height:44px}
.lsq-foot strong{color:var(--ink);font-family:var(--serif);font-size:18px}
.lsq-foot p{margin:8px 0}
@media (max-width:760px){.lsq-foot__grid{grid-template-columns:1fr}}

@media (max-width:640px){
  .lsq-top__in{gap:10px}
  .lsq-brand{white-space:normal;font-size:16px;line-height:1.15;min-width:0}
  .lsq-brand span{display:block}
  .lsq-burger{flex:none}
  body{font-size:16.5px}
  .lsq-hero h1{font-size:31px}
  .lsq-hero--sub h1{font-size:28px}
  main h2{font-size:25px}
  .lsq-seek{flex-direction:column}
  .lsq-seek button{min-height:48px}
  main section{padding:38px 0}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Local 2026-10-21 content/readability pass; retains the site's own design. */
[data-home-summary] {padding-top:2rem;padding-bottom:2rem}
[data-home-summary] figure img {max-height:320px;object-fit:contain;width:100%;height:auto}
[data-review-home] figure {margin-block:1rem}
.lsq-image-open {display:inline-block;font-size:.88rem;margin-top:.4rem;text-decoration:underline}
.lsq-zoom {display:block;cursor:zoom-in}
.lsq-zoom img {max-width:100%;height:auto;object-fit:contain}
.lsq-mobile-steps {display:none}
.lsq-photo-example {margin:1.25rem 0}
.lsq-photo-example img {width:100%;max-height:520px;object-fit:contain;background:transparent}
.lsq-evidence {font-size:.88rem;line-height:1.5}
@media(max-width:620px){
 [data-review-home] header {position:relative}
 [data-home-summary] figure img {max-height:300px}
 .lsq-mobile-steps {display:block;line-height:1.65;padding-left:1.4rem}
 figure[data-mobile-flow] > a.lsq-zoom {display:none}
 figure[data-mobile-flow] figcaption {padding-top:.4rem}
}

.lsq-payment-copy{max-width:72ch;margin:0 auto;padding:0 1.2rem}.lsq-photo-example img{height:auto!important;object-fit:contain!important}