:root{color-scheme:light;--color-primary: #a7654c;--color-primary-dark: #7b4634;--color-primary-soft: #f2dfd5;--color-primary-pale: #d9b9aa;--color-accent: #cf8a72;--color-cream: #fbf5ef;--color-cream-deep: #f4e9df;--color-surface: #ffffff;--color-surface-warm: #fffaf6;--color-text: #3f3834;--color-text-soft: #625852;--color-text-muted: #796e68;--color-heading: #332b27;--color-muted: #796e68;--color-border: #dfd1c7;--color-border-strong: #cbb7aa;--color-caution-soft: #fff4df;--color-caution-border: #e5c58e;--color-focus: #325f89;--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", "Noto Sans JP", Meiryo, sans-serif;--font-serif: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;--page-max: 1180px;--content-max: 700px;--sidebar-width: 300px;--gutter: clamp(18px, 4vw, 32px);--section-space: clamp(48px, 7vw, 84px);--radius-small: 8px;--radius-medium: 14px;--radius-large: 22px;--shadow-soft: 0 12px 30px rgb(91 61 47 / 8%);--transition-fast: .2s ease;--transition-standard: .3s ease}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--color-cream)}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-text);background:var(--color-cream);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{color:var(--color-heading);background:var(--color-primary-soft)}img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,textarea,select{color:inherit;font:inherit}button,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--color-primary)}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 72%,white);outline-offset:3px}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-heading);font-weight:700;letter-spacing:.015em;text-wrap:pretty}h1{font-size:clamp(26px,3vw,32px);line-height:1.45}h2{font-size:clamp(21px,2.4vw,26px);line-height:1.5}h3{font-size:clamp(18px,2vw,21px);line-height:1.55}h4{font-size:clamp(17px,1.6vw,19px);line-height:1.6}p,ul,ol,dl,figure,blockquote{margin-block:0}ul,ol{padding-inline-start:1.5em}hr{width:100%;height:1px;margin:2.5rem 0;border:0;background:var(--color-border)}table{width:100%;border:1px solid var(--color-border-strong);border-collapse:collapse;background:var(--color-surface);font-size:.94rem}th,td{padding:.8rem .9rem;border:1px solid var(--color-border);text-align:start;vertical-align:top}th{color:var(--color-heading);background:var(--color-primary-soft);font-weight:700}blockquote{padding:1.1rem 1.25rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);background:var(--color-surface)}code{padding:.12em .35em;border:1px solid var(--color-border);border-radius:5px;background:var(--color-cream-deep);font-size:.9em}pre{max-width:100%;overflow-x:auto;padding:1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:#fffdfa;line-height:1.7}pre code{padding:0;border:0;background:transparent}.skip-link{position:fixed;z-index:1000;inset-block-start:12px;inset-inline-start:12px;padding:.65rem 1rem;border:2px solid var(--color-primary);border-radius:var(--radius-small);color:var(--color-surface);background:var(--color-primary-dark);font-weight:700;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{color:var(--color-surface);transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-container{width:min(calc(100% - (var(--gutter) * 2)),var(--page-max));margin-inline:auto}.content-container{width:min(calc(100% - (var(--gutter) * 2)),var(--content-max));margin-inline:auto}.site-main{min-height:55vh}.page-section{padding-block:var(--section-space)}.page-section+.page-section{padding-block-start:0}.surface-panel{padding:clamp(22px,4vw,38px);border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-soft)}.section-heading{display:grid;gap:.35rem;margin-block-end:clamp(24px,4vw,38px)}.section-heading--center{justify-items:center;text-align:center}.section-heading__eyebrow,.eyebrow{color:var(--color-primary);font-size:.78rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.section-heading__title{font-size:clamp(24px,3vw,30px)}.section-heading__description{max-width:42rem;color:var(--color-muted);font-size:.96rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,28px)}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,var(--content-max)) minmax(260px,var(--sidebar-width));justify-content:center;align-items:start;gap:clamp(36px,5vw,64px)}.content-stack,.prose{display:grid;gap:1.4em}.prose{width:100%;max-width:var(--content-max);font-size:clamp(16px,1.4vw,17px)}.prose>h2{margin-block-start:clamp(34px,6vw,58px);padding:.75em .9em;border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);background:var(--color-primary-soft)}.prose>h3{display:flex;align-items:baseline;gap:.55em;margin-block-start:clamp(22px,4vw,40px);padding:0}.prose>h3:before{content:"";flex:0 0 auto;width:.55em;height:.55em;border-radius:50%;background:var(--color-primary);transform:translateY(-.1em)}.prose strong{color:var(--color-primary-dark);font-weight:700;background:linear-gradient(transparent 62%,var(--color-primary-soft) 62%);padding-inline:.08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.prose>h4{margin-block-start:1.6rem}.prose a:not([class]){color:var(--color-primary-dark);font-weight:600}.prose :is(ul,ol){display:grid;gap:.5rem;padding:.2rem 0 .2rem 1.6rem}.prose :is(ul,ol) li::marker{color:var(--color-primary);font-weight:700}.prose table{font-size:.92rem}.prose th,.prose td{line-height:1.7}@media(max-width:640px){.prose th,.prose td{min-width:8.5em;padding:.7rem .75rem}}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;border-radius:var(--radius-medium);-webkit-overflow-scrolling:touch}.information-bar{color:var(--color-surface);background:var(--color-primary);box-shadow:inset 0 -1px color-mix(in srgb,var(--color-primary-dark) 25%,transparent)}.information-bar__inner{display:flex;justify-content:center;align-items:center;gap:1rem;min-height:38px;padding-block:.3rem;font-size:.78rem;line-height:1.5;text-align:center}.information-bar__link{flex:0 0 auto;padding:.22rem .7rem;border:1px solid rgb(255 255 255 / 72%);border-radius:999px;color:var(--color-surface);font-weight:700;text-decoration:none;transition:color var(--transition-standard),background-color var(--transition-standard)}.information-bar__link:hover{color:var(--color-primary);background:var(--color-surface)}.site-header{position:relative;z-index:20;background:#fffffff5;box-shadow:inset 0 -1px var(--color-border)}.site-header__inner{position:relative;display:grid;justify-items:center;gap:1.25rem;padding-block:clamp(20px,3vw,30px) 18px}.site-brand{display:grid;justify-items:center;gap:.2rem;color:var(--color-heading);text-align:center;text-decoration:none}.site-brand:hover{color:var(--color-primary)}.site-brand__name{font-family:var(--font-serif);font-size:clamp(23px,2.6vw,28px);font-weight:700;letter-spacing:.06em;line-height:1.45}.site-brand__tagline{color:var(--color-muted);font-size:.72rem;letter-spacing:.08em;line-height:1.6}.global-nav__list,.mobile-nav__list,.footer-nav__list,.footer-legal__list{margin:0;padding:0;list-style:none}.global-nav__list{display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem clamp(22px,3vw,38px)}.global-nav__link{position:relative;display:inline-flex;align-items:center;min-height:38px;color:var(--color-text);font-size:.86rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:color var(--transition-fast)}.global-nav__link:after{position:absolute;inset-inline:0;inset-block-end:2px;height:2px;border-radius:999px;background:var(--color-primary);content:"";opacity:0;transform:scaleX(.5);transition:opacity var(--transition-fast),transform var(--transition-fast)}.global-nav__link:hover,.global-nav__link[aria-current=page]{color:var(--color-primary)}.global-nav__link:hover:after,.global-nav__link[aria-current=page]:after{opacity:1;transform:scaleX(1)}.mobile-menu__button{display:none;width:46px;height:46px;padding:0;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-primary-dark);background:var(--color-surface);cursor:pointer}.mobile-menu__button:hover{color:var(--color-surface);background:var(--color-primary)}.mobile-menu__icon,.mobile-menu__icon:before,.mobile-menu__icon:after{width:18px;height:2px;border-radius:999px;background:currentColor}.mobile-menu__icon{position:relative}.mobile-menu__icon:before,.mobile-menu__icon:after{position:absolute;inset-inline-start:0;content:""}.mobile-menu__icon:before{inset-block-start:-6px}.mobile-menu__icon:after{inset-block-start:6px}body[data-mobile-menu-open]{overflow:hidden}.mobile-drawer{position:fixed;inset:0;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s ease}.mobile-drawer[data-open]{opacity:1;pointer-events:auto}.mobile-drawer__scrim{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#3127227a}.mobile-drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(88vw,420px);overflow-y:auto;padding:1.2rem;background:var(--color-surface);box-shadow:-18px 0 50px #3127222e;outline:0;transform:translate(100%);transition:transform .18s ease}.mobile-drawer[data-open] .mobile-drawer__panel{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block-end:1rem;border-bottom:1px solid var(--color-border);color:var(--color-heading);font-family:var(--font-serif);font-size:1.1rem}.mobile-drawer__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:50%;color:var(--color-primary);background:var(--color-cream);cursor:pointer;font-size:1.35rem}.mobile-nav{margin-block-start:1rem}.mobile-nav__label{margin:0 0 .35rem;color:var(--color-muted);font-size:.75rem;font-weight:700}.mobile-nav__list{display:grid}.mobile-nav__link{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:.65rem .35rem;border-bottom:1px solid var(--color-border);font-size:.92rem;font-weight:700;text-decoration:none}.mobile-nav__link:hover,.mobile-nav__link[aria-current=page]{color:var(--color-primary);background:var(--color-cream)}.mobile-nav__link:after{color:var(--color-primary);content:"›";font-size:1.25rem}.site-footer{margin-block-start:var(--section-space);color:#fdf8f5;background:var(--color-primary-dark);box-shadow:0 -1px var(--color-border-strong)}.site-footer__main{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(220px,1fr);gap:clamp(36px,7vw,90px);padding-block:clamp(46px,7vw,76px)}.site-footer__brand{display:grid;align-content:start;gap:.9rem}.site-footer__title{color:#fff;font-family:var(--font-serif);font-size:clamp(22px,2.5vw,28px);letter-spacing:.06em}.site-footer__description{max-width:36rem;color:#ffffffc7;font-size:.9rem;line-height:1.9}.site-footer__nav-title{margin-block-end:1rem;color:#fff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.footer-nav__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem}.footer-nav__link{display:inline-flex;color:#ffffffd1;font-size:.86rem;text-decoration:none}.footer-nav__link:hover{color:#fff;text-decoration:underline}.site-footer__bottom{box-shadow:inset 0 1px #ffffff2e}.site-footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;min-height:66px;padding-block:.8rem}.footer-legal__list{display:flex;flex-wrap:wrap;gap:.35rem 1rem}.footer-legal__link,.site-footer__copyright{color:#ffffffa8;font-size:.72rem;line-height:1.6}.footer-legal__link{text-decoration:none}.footer-legal__link:hover{color:#fff}.button-link{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;min-width:10rem;border:1px solid var(--color-primary);border-radius:999px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;transition:color var(--transition-standard),background-color var(--transition-standard),border-color var(--transition-standard)}.button-link--small{min-height:38px;padding:.55rem 1rem;font-size:.82rem}.button-link--medium{min-height:46px;padding:.72rem 1.35rem;font-size:.9rem}.button-link--large{min-height:52px;padding:.85rem 1.6rem;font-size:.96rem}.button-link--primary{color:var(--color-surface);background:var(--color-primary)}.button-link--primary:hover,.button-link--secondary{color:var(--color-primary);background:var(--color-surface)}.button-link--secondary:hover{color:var(--color-surface);background:var(--color-primary)}.button-link--text{min-width:0;padding-inline:.2rem;border-color:transparent;border-radius:0;color:var(--color-primary-dark);background:transparent}.button-link--text:hover{border-color:transparent;color:var(--color-primary);background:transparent}.button-link__arrow{line-height:1;transition:color var(--transition-fast)}.article-card{position:relative;display:flex;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:border-color var(--transition-standard),box-shadow var(--transition-standard)}.article-card:hover{border-color:var(--color-border-strong);box-shadow:0 14px 34px #5b3d2f1c}.article-card__inner{display:flex;flex:1;min-width:0;flex-direction:column}.article-card__media-link{position:relative;display:block;overflow:hidden;color:inherit;background:var(--color-cream-deep);text-decoration:none}.article-card__media-link picture{display:block;width:100%;height:100%}.article-card__image,.article-card__placeholder{width:100%;aspect-ratio:16 / 9}.article-card__image{object-fit:cover;transition:transform var(--transition-standard)}.article-card:hover .article-card__image{transform:scale(1.02)}.article-card__placeholder{display:grid;place-items:center;color:var(--color-primary-dark);background:radial-gradient(circle at 22% 20%,rgb(255 255 255 / 70%),transparent 32%),linear-gradient(135deg,var(--color-primary-soft),var(--color-cream-deep));font-family:var(--font-serif);font-size:1.05rem;font-weight:700;letter-spacing:.08em;line-height:1.6;text-align:center}.article-card__rank{position:absolute;z-index:2;inset-block-start:12px;inset-inline-start:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(255 255 255 / 85%);border-radius:50%;color:var(--color-surface);background:var(--color-primary);box-shadow:0 5px 14px #462b1f2e;font-size:.82rem;font-weight:800}.article-card__body{display:flex;flex:1;min-width:0;flex-direction:column;gap:.75rem;padding:clamp(17px,2.4vw,22px)}.article-card__category{align-self:flex-start;padding:.2rem .6rem;border:1px solid color-mix(in srgb,var(--card-accent, var(--color-primary)) 36%,white);border-radius:999px;color:color-mix(in srgb,var(--card-accent, var(--color-primary)) 82%,#332b27);background:color-mix(in srgb,var(--card-accent, var(--color-primary)) 12%,white);font-size:.7rem;font-weight:700;line-height:1.5;text-decoration:none}.article-card__category:hover{color:var(--color-primary);background:var(--color-primary-soft)}.article-card__title{font-size:clamp(17px,1.8vw,20px);line-height:1.6}.article-card__title-link{display:inline;color:var(--color-heading);text-decoration:none;transition:color var(--transition-fast)}.article-card:hover .article-card__title-link,.article-card__title-link:hover{color:var(--color-primary)}.article-card__description{display:-webkit-box;overflow:hidden;color:var(--color-muted);font-size:.86rem;line-height:1.8;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-card__meta{display:flex;flex-wrap:wrap;gap:.25rem .8rem;margin-block-start:auto;color:var(--color-muted);font-size:.7rem;line-height:1.6}.article-card__meta-item{display:inline-flex;align-items:center;gap:.25rem}.article-card--featured .article-card__title{font-size:clamp(19px,2.1vw,23px)}@media(min-width:720px){.article-card--compact .article-card__inner{display:grid;grid-template-columns:minmax(180px,38%) minmax(0,1fr)}.article-card--compact .article-card__media-link,.article-card--compact .article-card__media-link picture,.article-card--compact .article-card__image,.article-card--compact .article-card__placeholder{height:100%;aspect-ratio:auto}.article-card--compact .article-card__description{-webkit-line-clamp:2}}@media(max-width:960px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-with-sidebar{grid-template-columns:minmax(0,var(--content-max))}.global-nav{display:none}.site-header__inner{min-height:94px;padding-inline:58px;padding-block:16px}.mobile-menu__button{position:absolute;inset-block-start:50%;inset-inline-end:0;display:grid;place-items:center;transform:translateY(-50%)}.site-footer__bottom-inner{align-items:flex-start;flex-direction:column;padding-block:1.1rem}}@media(max-width:680px){body{font-size:15.5px}.information-bar__inner{justify-content:space-between;text-align:start}.information-bar__text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.site-brand__tagline{display:none}.card-grid{grid-template-columns:minmax(0,1fr)}.surface-panel{border-radius:var(--radius-medium);box-shadow:none}.site-footer__main,.footer-nav__list{grid-template-columns:minmax(0,1fr)}.button-link:not(.button-link--text){width:100%}.prose{line-height:1.85}.prose>h2{padding:.7em .75em}.prose>h3{padding:.6em .7em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.article-card:hover .article-card__image{transform:none}}.af-card{--af-card-bg: #fff;--af-card-border: var(--color-border);--af-card-radius: var(--radius-large);--af-card-gap: 16px;--af-card-title-color: var(--color-text);--af-card-price-color: var(--color-text);--af-card-note-color: var(--color-text-muted);--af-btn-radius: 8px;--af-btn-text: #fff;--af-btn-rakuten: #b84f4a;--af-btn-amazon: #a9652f;--af-btn-yahoo: #3f6f9c;display:flex;gap:var(--af-card-gap);padding:var(--af-card-gap);margin:1.5em 0;background:var(--af-card-bg);border:1px solid var(--af-card-border);border-radius:var(--af-card-radius)}.af-card__media{flex:0 0 140px;align-self:flex-start}.af-card__image{width:100%;height:auto;border-radius:calc(var(--af-card-radius) / 2)}.af-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}.af-card__title{color:var(--af-card-title-color);font-weight:700;line-height:1.5;text-decoration:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.af-card__price{margin:0;font-size:1.05em;font-weight:700;color:var(--af-card-price-color)}.af-card__price-note{display:block;margin-top:.2em;font-size:.68em;font-weight:400;color:var(--af-card-note-color)}.af-card__buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.af-card__button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;flex:1 1 140px;padding:10px 12px;border-radius:var(--af-btn-radius);color:var(--af-btn-text);font-size:.82em;font-weight:700;text-align:center;text-decoration:none;transition:opacity .15s ease}.af-card__button:hover{opacity:.85}.af-card__button--rakuten{background:var(--af-btn-rakuten)}.af-card__button--amazon{background:var(--af-btn-amazon)}.af-card__button--yahoo{background:var(--af-btn-yahoo)}.affiliate-bookshelf{background:var(--color-surface-warm);border:1px solid var(--color-border);border-radius:var(--radius-large);margin-block:2.5rem;padding:clamp(1.2rem,4vw,2rem)}.affiliate-bookshelf__label{color:var(--color-primary);font-size:.72rem;font-weight:800;letter-spacing:.12em}.affiliate-book__byline,.affiliate-book__fit,.affiliate-book__drawback{margin:0}.affiliate-book__byline{color:var(--color-text-muted);font-size:.82rem}.affiliate-book__fit,.affiliate-book__drawback{font-size:.88rem;line-height:1.7}@media(max-width:480px){.af-card{flex-direction:column}.af-card__media{flex-basis:auto;align-self:center;width:60%}}