/* LOCAL INDEX v34: comfortable reading, supportive context, original typographic design. */
:root { --li34-quiet:#fbf9f2; --li34-ink:#20352e; --li34-focus:#bc602e; }
/* Don't make all text bigger: define a deliberate editorial measure and a clear hierarchy. */
:where(.detail-grid > article,.li32-life-section,.li34-field-guide) :is(p,li){line-height:1.84;overflow-wrap:break-word}
:where(.detail-grid > article,.li32-life-section,.li34-field-guide) p{max-width:70ch}
:where(.detail-grid > article,.li32-life-section,.li34-field-guide) h2{letter-spacing:-.025em;line-height:1.35;text-wrap:balance}
:where(.detail-grid > article,.li32-life-section,.li34-field-guide) h3{line-height:1.45;text-wrap:balance}
:where(.detail-section,.li34-field-guide,.li32-life-section){scroll-margin-top:100px}
:where(.li33-chapter-nav a,.li34-reader-toggle,.li26-navlinks a){scroll-margin-top:100px}
/* Reading choice: visually quiet. One small control, not a competing menu. */
.li34-reader-toggle{min-height:44px;flex:0 0 auto;cursor:pointer;padding:10px 17px;border:1px solid rgba(45,71,50,.24);border-radius:999px;font:800 .82rem/1.3 system-ui,-apple-system,'Noto Sans JP',sans-serif;color:#26453a;background:#f9f7ef;box-shadow:0 2px 9px rgba(19,48,34,.04);transition:background-color .2s,transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}
.li34-reader-toggle::before{content:'◫';font-size:1.02rem;margin-right:.55em;vertical-align:-.02em}
.li34-reader-toggle:hover{background:#e9f1e5;box-shadow:0 6px 18px rgba(19,48,34,.11)}
.li34-reader-toggle:active{transform:scale(.97)}
.li34-reader-toggle[aria-pressed=true]{background:#204737;color:#fff;border-color:#204737}
.li34-reader-toggle:focus-visible,.li34-to-top:focus-visible{outline:3px solid var(--li34-focus);outline-offset:3px}
.li26-navlinks .li34-reader-toggle{margin-left:auto}
/* Deep, useful editorial context without giant pastel blocks. */
.li34-field-guide{margin:28px 0 38px;border:1px solid var(--line,rgba(24,44,33,.15));border-radius:24px;background:linear-gradient(160deg,#fffef9,#f8f5ed);padding:clamp(20px,3.8vw,38px);color:var(--li34-ink);position:relative;overflow:hidden}
.li34-field-guide::before{content:'FIELD NOTES';position:absolute;right:-.05em;top:-.2em;font:800 clamp(2.8rem,6vw,6rem)/1 Georgia,serif;letter-spacing:-.045em;color:rgba(28,62,44,.045);pointer-events:none;white-space:nowrap}
.li34-field-intro{position:relative;max-width:690px;margin-bottom:24px}
.li34-field-intro .eyebrow{font-size:.75rem;letter-spacing:.09em;font-weight:850;color:#94603d}
.li34-field-intro h2{font-size:clamp(1.5rem,2.4vw,2.2rem);margin:8px 0 10px;color:#1e3d31}
.li34-field-intro p{margin:0;font-size:.98rem;line-height:1.78;color:#56685c}
.li34-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.li34-field-card{position:relative;padding:clamp(18px,2.6vw,27px);background:#fffefa;border:1px solid #d8dbcf;border-radius:19px;box-shadow:0 9px 24px rgba(32,52,42,.045)}
.li34-field-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:#f4f8ee;background:#2e5546;font:700 .8rem/1 Georgia,serif;margin-bottom:14px}
.li34-field-card h3{font-size:clamp(1.12rem,1.55vw,1.3rem);line-height:1.48;color:#233d32;margin:0 0 12px;letter-spacing:-.015em}
.li34-field-card>p{font-size:.95rem;line-height:1.84;color:#43554a;margin:0 0 15px}
.li34-observe{margin:16px 0 13px;padding:15px 17px;border-left:3px solid #ae754c;border-radius:0 12px 12px 0;background:#f6f3e8}
.li34-observe strong{display:block;font-size:.78rem;letter-spacing:.055em;color:#855537;margin-bottom:5px}
.li34-observe p{font-size:.9rem;line-height:1.78;margin:0;color:#354c3d}
.li34-field-card>a{display:inline-flex;align-items:center;min-height:32px;font-weight:750;font-size:.83rem;line-height:1.4;color:#244d3b;text-decoration:underline;text-underline-offset:4px}
.li34-field-verified{font-size:.72rem!important;color:#697a6b;margin:15px 0 0;line-height:1.5!important}
/* A small historical micro-chart is far more informative than a giant number. */
.li34-mini-chart{margin:12px 0 16px;padding:15px;border-radius:13px;background:#eef2e8;border:1px solid #d9e2d4}
.li34-mini-title{display:block;color:#294636;font-size:.82rem;margin:0 0 12px}
.li34-mini-row{display:grid;grid-template-columns:minmax(85px,.85fr) 2fr 55px;gap:9px;align-items:center;margin:9px 0;font-size:.77rem;color:#315042}
.li34-mini-track{height:10px;background:#d9e0d5;border-radius:999px;overflow:hidden;display:block}
.li34-mini-track i{height:100%;width:var(--li34-percent);border-radius:inherit;background:#4d7d64;display:block}
.li34-mini-row b{font-size:.83rem;text-align:right;color:#1f4834}
.li34-mini-chart small{display:block;font-size:.72rem;line-height:1.6;color:#5a6f60;margin-top:8px}
/* Visually distinct article view — all content remains, including product/photographic evidence. */
body.li34-reader-on{background:#fcfbf6!important}
body.li34-reader-on main{--li32-bg:#fcfbf6}
body.li34-reader-on .detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:940px!important;margin-inline:auto!important;gap:0!important}
body.li34-reader-on .detail-grid>article{width:100%!important;min-width:0!important}
body.li34-reader-on .detail-aside{display:none!important}
body.li34-reader-on .detail-grid > article :is(p,li){font-size:clamp(1.035rem,1.4vw,1.11rem)!important;line-height:1.93!important;max-width:67ch!important}
body.li34-reader-on .detail-grid > article :is(h2,h3){max-width:27ch!important}
body.li34-reader-on .detail-grid > article :is(.brand-meta,.li31-price-note,.li29-photo-source-note,.li34-field-verified){font-size:.82rem!important;line-height:1.65!important}
body.li34-reader-on .li33-country-hero::before,body.li34-reader-on .li34-field-guide::before{opacity:.15!important}
body.li34-reader-on .li33-reading-progress{background:#c2764b!important}
body.li34-reader-on .li34-field-guide{background:#fffefa!important}
/* Return action only after scrolling; not permanently covering content. */
.li34-to-top{position:fixed;right:22px;bottom:24px;z-index:45;display:flex;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:48px;padding:10px 15px;border-radius:999px;background:#25483b;color:#fff;border:1px solid #416657;box-shadow:0 14px 28px rgba(19,39,30,.22);font:800 .81rem/1.4 system-ui,sans-serif;cursor:pointer;transform:translateY(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s}
.li34-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.li34-to-top:hover{background:#35664e;box-shadow:0 17px 30px rgba(19,39,30,.24)}
@media(max-width:950px){.li34-field-grid{grid-template-columns:1fr}.li34-field-guide{padding:22px}}
@media(max-width:640px){.li34-field-guide{margin:18px 0 26px;padding:18px;border-radius:18px}.li34-field-card{padding:18px}.li34-field-guide::before{font-size:2.4rem}.li34-to-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));min-width:44px;min-height:44px;padding-inline:12px}.li34-reader-toggle{font-size:.8rem;min-height:44px}}
/* Site language/theme controls and action targets comfortably tappable. */
@media(pointer:coarse){.nav-tools :is(button,select),.li33-chapter-nav a,.li26-navlinks a,.li34-reader-toggle,.li34-to-top{min-height:44px}}
/* User motion preferences override ALL enhancement movement. */
@media(prefers-reduced-motion:reduce){.li34-reader-toggle,.li34-to-top,.li34-field-card{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Dark mode: quiet layout uses a readable non-light background, while editorial cards keep light ink/surface together. */
html[data-theme=dark] body:not(.li34-reader-on) .li34-reader-toggle{background:#2b4739;border-color:#5f7567;color:#f1f7ec}
html[data-theme=dark] body:not(.li34-reader-on) .li34-reader-toggle[aria-pressed=true]{background:#b7dfa1;color:#173326;border-color:#b7dfa1}
html[data-theme=dark] body.li34-reader-on{background:#172b23!important;color:#e6efe5!important}
html[data-theme=dark] body.li34-reader-on .detail-grid > article,.li34-reader-on html[data-theme=dark] .detail-grid > article{color:#e6efe5}
html[data-theme=dark] body.li34-reader-on .detail-grid .detail-section{background:#21372d!important;border-color:#42604e!important;color:#e6efe5!important}
html[data-theme=dark] body.li34-reader-on .detail-grid .detail-section :is(h2,h3,p){color:#e6efe5!important}
html[data-theme=dark] body.li34-reader-on .li34-reader-toggle[aria-pressed=true]{background:#b8dfa2!important;color:#183326!important;border-color:#b8dfa2!important}
html[data-theme=dark] .li34-field-guide{background:#f8f6ef!important;color:#1f3b30!important;border-color:#b7c8b9!important}
html[data-theme=dark] .li34-field-guide :is(h2,h3){color:#1f3d31!important}
html[data-theme=dark] .li34-field-guide .li34-field-card{background:#fffefa!important;color:#203d31!important}
html[data-theme=dark] .li34-field-guide .li34-field-card :is(p,strong){color:#354c3d!important}
html[data-theme=dark] .li34-field-guide .li34-field-verified{color:#526552!important}