:root{--color-bg:#f5f2ec;--color-surface:#fff;--color-surface-muted:#ebe6de;--color-text:#1a1614;--color-text-secondary:#4f4740;--color-text-muted:#7a7168;--color-border:#e2d9ce;--color-border-strong:#c4b8aa;--color-primary:#9a5428;--color-primary-hover:#824420;--color-primary-active:#6b3719;--color-primary-subtle:#f3e7dc;--color-success:#2f6b4f;--color-warning:#9a6b16;--color-error:#a33b2f;--color-focus:#9a5428;--color-paper-line:#d4cbbc;--font-sans:"Source Sans 3", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display:"Source Sans 3", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:clamp(1.75rem, 3.5vw, 2.25rem);--text-4xl:clamp(2rem, 5vw, 2.75rem);--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--font-weight-regular:400;--font-weight-medium:600;--font-weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:5rem;--space-12:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-pill:999px;--container:70rem;--container-narrow:40rem;--shadow-xs:0 1px 2px #1a16140a;--shadow-sm:0 2px 8px #1a16140d;--shadow-paper:0 4px 20px #1a161414;--bp-sm:40rem;--bp-md:48rem;--bp-lg:64rem;--header-height:4rem;--action-bar-height:4.25rem}.form-field{gap:var(--space-2);display:grid}.form-field__label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-field__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.form-control{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.form-control:hover{border-color:var(--color-text-muted)}.form-control:focus-visible{border-color:var(--color-primary)}.form-control:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-muted)}select.form-control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);padding-right:var(--space-8);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px}.form-control--number{max-width:8rem}.segmented{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segmented__option{position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-height:2.25rem;padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.segmented__option input:checked+span{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.segmented__option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:1px}.toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle__track{border-radius:var(--radius-pill);background:var(--color-border-strong);flex-shrink:0;width:2.75rem;height:1.5rem;transition:background-color .12s;position:relative}.toggle__track:after{content:"";background:var(--color-surface);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-xs);border-radius:50%;transition:transform .12s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__track{background:var(--color-primary)}.toggle input:checked+.toggle__track:after{transform:translate(1.25rem)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--color-focus);outline-offset:2px}.toggle__label{font-size:var(--text-sm);color:var(--color-text)}.slider-field{gap:var(--space-2);display:grid}.slider-field input[type=range]{width:100%;accent-color:var(--color-primary)}.slider-field__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.slider-field__value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.generator-shell{gap:var(--space-6);grid-template-columns:minmax(16rem,22rem) 1fr;align-items:start;min-height:28rem;display:grid}.generator-shell__sidebar{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.generator-shell__main{gap:var(--space-4);min-width:0;display:grid}.generator-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.generator-header h1,.generator-header h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.generator-header__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.generator-toolbar{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.generator-controls{gap:var(--space-5);display:grid}.generator-controls__group{gap:var(--space-4);display:grid}.generator-controls__title{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.generator-advanced{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.generator-advanced summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.generator-advanced__body{gap:var(--space-4);margin-top:var(--space-4);display:grid}.generator-preview{padding:var(--space-7);background:radial-gradient(circle at 30% 20%, #9a54280a, transparent 50%), var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:24rem;display:flex}.generator-preview__stage{width:min(100%,18rem)}.paper-sheet{aspect-ratio:210/297;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-paper);border-radius:2px;position:relative;overflow:hidden}.paper-sheet__surface{background:#fffcf8;position:absolute;inset:0}.paper-sheet__boundary{border:1px dashed var(--color-paper-line);pointer-events:none;position:absolute;inset:6%}.generator-actions{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.generator-actions--sticky{z-index:20;border-left:0;border-right:0;border-radius:0;position:sticky;bottom:0;box-shadow:0 -4px 16px #1a16140f}@media (width<=48rem){.generator-shell{grid-template-columns:1fr}.generator-shell__main{order:-1}.generator-preview{min-height:18rem;padding:var(--space-5)}.generator-actions{z-index:20;margin-inline:calc(-1 * var(--space-5));width:calc(100% + 2 * var(--space-5));border-left:0;border-right:0;border-radius:0;position:sticky;bottom:0;box-shadow:0 -4px 16px #1a16140f}}.graph-page{padding-block:var(--space-7) var(--space-10)}.graph-page__intro{max-width:40rem;margin-bottom:var(--space-7)}.graph-page__intro h1{margin:0 0 var(--space-3);font-size:var(--text-4xl);letter-spacing:-.03em;line-height:var(--leading-tight)}.graph-page__intro p{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0}.graph-page__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);letter-spacing:.02em}.graph-page__support{margin-top:var(--space-3);font-size:var(--text-sm)}.graph-page__links{gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.graph-app__layout.generator-shell{grid-template-columns:minmax(18rem,22.5rem) 1fr}.graph-presets{gap:var(--space-2);flex-wrap:wrap;display:flex}.graph-presets__btn{min-height:2.25rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer}.graph-presets__btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.graph-presets__btn.is-active,.graph-presets__btn[aria-pressed=true]{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.graph-inline{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.graph-margins{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.graph-accuracy{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.graph-accuracy h3{margin:0 0 var(--space-2);font-size:var(--text-sm)}.graph-accuracy p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.graph-error{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);background:#a33b2f1a;margin:0}.graph-zoom{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.graph-zoom .btn{min-height:2.25rem;padding-inline:var(--space-3)}.graph-zoom__note{margin:0 0 var(--space-3)}.graph-preview-stage{--preview-fit-width:32rem;--preview-100-width:40rem;min-height:36rem}.graph-preview-frame{width:100%;padding:var(--space-2);justify-content:center;display:flex;overflow:auto}.graph-preview-sheet{width:min(100%, var(--preview-fit-width));background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-paper);border-radius:2px;overflow:hidden}.graph-preview-sheet svg{width:100%;height:100%;display:block}.graph-app__actions{bottom:var(--space-3);position:sticky}.graph-print-root{display:none}.paper-card--link{color:inherit;text-decoration:none;transition:border-color .12s}.paper-card--link:hover{border-color:var(--color-border-strong);color:inherit}.chip--link{color:inherit;text-decoration:none}.chip--link:hover{border-color:var(--color-primary);color:var(--color-primary)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=48rem){.graph-app__layout.generator-shell{grid-template-columns:1fr}.graph-app__main{order:-1}.graph-app__actions{z-index:30;margin-inline:calc(-1 * var(--space-5));width:calc(100% + 2 * var(--space-5));border-radius:0;position:sticky;bottom:0}.graph-margins{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.graph-print-root,.graph-print-root *{visibility:visible}.graph-print-root{display:block;position:fixed;inset:0}.graph-print-page{box-shadow:none;border:none;margin:0}.graph-print-page svg{width:100%;height:100%}@page{size:var(--print-page-width,A4) var(--print-page-height,auto);margin:0}}.landing-section{max-width:44rem;margin-top:var(--space-10)}.landing-section h2{margin:0 0 var(--space-4);font-size:var(--text-2xl);letter-spacing:-.02em;line-height:var(--leading-tight)}.landing-section p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.landing-section ul{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:1.25rem}.landing-section li+li{margin-top:var(--space-2)}.landing-tip{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text)!important}.landing-table-wrap{margin:var(--space-4) 0;-webkit-overflow-scrolling:touch;overflow-x:auto}.landing-table{border-collapse:collapse;width:100%;min-width:18rem;font-size:var(--text-sm)}.landing-table th,.landing-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.landing-table thead th{font-weight:600}.landing-table tbody th{font-weight:500}.landing-section h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);letter-spacing:-.02em}.landing-steps{margin:var(--space-4) 0;padding-left:1.25rem}.landing-steps li+li{margin-top:var(--space-2)}.landing-preset-grid{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));padding:0;list-style:none;display:grid}.landing-preset-card{min-height:3.25rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:flex}.landing-preset-card:hover{border-color:var(--color-primary);color:var(--color-primary)}.landing-related{gap:var(--space-4);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.landing-related__card{height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;display:block}.landing-related__card:hover{border-color:var(--color-primary)}.landing-related__card h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.landing-related__card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}#generator{scroll-margin-top:var(--space-6)}*,:before,:after{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(ellipse 90% 45% at 50% -15%, #9a542812, transparent), linear-gradient(180deg, #efe9e0 0%, var(--color-bg) 32%);background-attachment:fixed;margin:0}img,svg{max-width:100%;display:block}a{color:var(--color-primary);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{left:var(--space-4);top:calc(-1 * var(--space-10));z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-sm);text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}.container{width:min(100% - 2 * var(--space-5), var(--container));margin-inline:auto}.container--narrow{width:min(100% - 2 * var(--space-5), var(--container-narrow));margin-inline:auto}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{padding-block:0 var(--space-10);flex:1}.site-header{z-index:50;border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);background:#f5f2eceb;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-height);display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-bold);font-size:var(--text-xl);letter-spacing:-.02em;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-text)}.brand__mark{flex-shrink:0;width:1.75rem;height:1.75rem}.site-nav{align-items:center;gap:var(--space-4);display:flex}.site-nav__list{align-items:center;gap:var(--space-5);margin:0;padding:0;list-style:none;display:flex}.site-nav__link{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none}.site-nav__link:hover{color:var(--color-text)}.lang-switcher{align-items:center;display:inline-flex}.lang-switcher__link{min-height:2.25rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-items:center;text-decoration:none;display:inline-flex}.lang-switcher__link:hover{border-color:var(--color-border-strong);color:var(--color-text)}.lang-switcher__link[aria-current=true]{display:none}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-9) var(--space-7);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-sm)}.site-footer__grid{gap:var(--space-7);grid-template-columns:1.4fr repeat(3,1fr);display:grid}.site-footer__brand{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.site-footer__tagline{max-width:18rem;line-height:var(--leading-snug);margin:0}.site-footer__heading{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text)}.site-footer__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.site-footer__list a{color:var(--color-text-secondary);text-decoration:none}.site-footer__list a:hover{color:var(--color-primary)}.site-footer__list span{color:var(--color-text-muted)}.site-footer__bottom{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.info-page{padding-bottom:var(--space-12)}.info-page__intro{max-width:44rem;margin-bottom:var(--space-6)}.info-page__intro h1{margin:0 0 var(--space-4);font-size:var(--text-3xl);letter-spacing:-.02em;line-height:var(--leading-tight)}.info-page__intro>p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.info-page__effective{font-size:var(--text-sm)!important;color:var(--color-text-muted)!important}.info-page__effective-note{max-width:44rem;font-size:var(--text-sm)!important;color:var(--color-text-muted)!important}.info-page__actions{margin:var(--space-4) 0}.info-page .landing-section{max-width:44rem;margin-top:var(--space-8)}.info-page .landing-section h2{margin:0 0 var(--space-4);font-size:var(--text-2xl);letter-spacing:-.02em;line-height:var(--leading-tight)}.info-page .landing-section p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.info-page .landing-section ul{margin:0 0 var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed);padding-left:1.25rem}.info-page .landing-section li+li{margin-top:var(--space-2)}@media (width<=48rem){.site-nav__list{display:none}.site-footer__grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}@media (width<=30rem){.site-footer__grid{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid #0000;line-height:1;text-decoration:none;transition:background-color .12s,color .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);color:#fff}.btn--primary:active:not(:disabled){background:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--block{width:100%}.card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:block}.card__title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.card__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.section{padding-block:var(--space-10)}.section--muted{border-block:1px solid var(--color-border);background:#ffffff73}.section__header{margin-bottom:var(--space-7);max-width:40rem}.section__title{margin:0 0 var(--space-3);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--leading-tight);color:var(--color-text)}.section__lead{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug);margin:0}.breadcrumb{margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:var(--space-2);display:inline-flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-border-strong)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb [aria-current=page]{color:var(--color-text)}.hero{gap:var(--space-8);padding-block:var(--space-9) var(--space-10);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.hero__content{gap:var(--space-5);max-width:36rem;display:grid}.hero__brand{font-size:var(--text-sm);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin:0}.hero__title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:-.03em;color:var(--color-text);margin:0}.hero__lead{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug);margin:0}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__preview{justify-self:center;width:min(100%,22rem)}@media (width<=48rem){.hero{padding-block:var(--space-7) var(--space-8);grid-template-columns:1fr}.hero__preview{order:-1;width:min(100%,16rem)}}.choose-group__title{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.choose-group__title--spaced{margin-top:var(--space-8)}.paper-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width<=64rem){.paper-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=40rem){.paper-grid{grid-template-columns:1fr}}.paper-card{gap:var(--space-4);height:100%;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.paper-card__preview{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--color-surface-muted);border:1px solid var(--color-border);overflow:hidden}.paper-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0}.paper-card__desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.paper-card--soon{opacity:.92}.paper-card--soon .card__meta{margin-top:var(--space-3)}.popular-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.popular-card{height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;display:block}.popular-card:hover{border-color:var(--color-primary)}.popular-card h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.popular-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);margin:0}.chip-row{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip{min-height:2.5rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.principle-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.principle-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-top:3px solid var(--color-primary)}.principle-card h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.principle-card p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}@media (width<=64rem){.principle-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=40rem){.principle-grid{grid-template-columns:1fr}}.steps{gap:var(--space-5);counter-reset:step;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.steps li:before{content:counter(step);width:2rem;height:2rem;margin-bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.steps h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.steps p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}@media (width<=48rem){.steps{grid-template-columns:1fr}}.accuracy-panel{gap:var(--space-7);padding:var(--space-7);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;align-items:center;display:grid}.accuracy-panel ul{margin:var(--space-4) 0 0;color:var(--color-text-secondary);padding-left:1.15rem}.accuracy-panel li+li{margin-top:var(--space-2)}@media (width<=48rem){.accuracy-panel{grid-template-columns:1fr}}.size-grid{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.size-pill{gap:var(--space-1);min-width:5.5rem;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:inline-flex}.size-pill strong{font-size:var(--text-sm);color:var(--color-text)}.size-pill span{font-size:var(--text-xs);color:var(--color-text-muted)}.guide-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.guide-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.guide-card h3{margin:0 0 var(--space-2);font-size:var(--text-base)}.guide-card p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (width<=48rem){.guide-grid{grid-template-columns:1fr}}.faq{gap:var(--space-3);max-width:44rem;margin:0;display:grid}.faq details{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.faq summary{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-text);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.faq details[open] summary:after{content:"−"}.faq details p{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.page-404{max-width:36rem;padding-top:var(--space-8)}.page-404 h1{margin:0 0 var(--space-3);font-size:var(--text-4xl)}.page-404 p{margin:0 0 var(--space-5);color:var(--color-text-secondary)}.page-404__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}