:root{
    --paper:#EFE4CC; --paper2:#E6D7B8; --sheet:#F3EAD6; --deep:#E2D1AE;
    --ink:#2A1E14; --ink2:#3A2B1E; --faded:#5A4632; --olive:#55602F; --olive2:#7C8B4A; --seal:#3F4722;
    --fell:'IM Fell English', Georgia, 'Times New Roman', serif;
    --sc:'IM Fell English SC', Georgia, 'Times New Roman', serif;
    --body:'EB Garamond', Georgia, 'Times New Roman', serif;
    --hand:'Pinyon Script', 'Snell Roundhand', cursive;
    color-scheme: light;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
  body{margin:0;background-color:var(--paper);background-image:radial-gradient(ellipse at 10% 22%,rgba(140,106,60,.10),transparent 36%),radial-gradient(ellipse at 90% 64%,rgba(140,106,60,.12),transparent 40%),repeating-linear-gradient(0deg,rgba(42,30,20,.022) 0 1px,transparent 1px 5px);color:var(--ink);font-family:var(--body);font-size:19px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img{max-width:100%}
  a{color:var(--ink)}
  :focus-visible{outline:2px solid var(--olive);outline-offset:3px}
  .sc{font-family:var(--sc);letter-spacing:.14em}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hand{font-family:var(--hand);color:var(--olive);line-height:1.1}
  .wrap{max-width:1280px;margin:0 auto;padding:0 48px}
  h1,h2,h3{font-family:var(--fell);font-weight:400;margin:0;line-height:1.08}
  .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;font-family:var(--sc);font-size:17px;letter-spacing:.1em;text-decoration:none;cursor:pointer;border:1px solid var(--ink);transition:background .25s,color .25s}
  .btn-ink{background:var(--ink);color:var(--paper)} .btn-ink:hover{background:var(--olive);border-color:var(--olive);color:var(--paper)}
  .btn-line{background:transparent;color:var(--ink)} .btn-line:hover{background:var(--ink);color:var(--paper)}
  .ptop{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding:14px 40px;border-bottom:1px solid rgba(42,30,20,.25);background:rgba(239,228,204,.95);flex-wrap:wrap}
  .ptop .lock{display:flex;align-items:center;gap:12px;text-decoration:none}
  .ptop .lock img{display:block;width:auto}.ptop .lock .m{height:50px}.ptop .lock .w{height:36px}
  .ptop .r{display:flex;align-items:center;gap:22px;font-family:var(--sc);font-size:15px;letter-spacing:.1em}
  .ptop .r a{color:inherit;text-decoration:none;opacity:.7;padding:10px 3px 6px;border-bottom:1px solid transparent}
  .ptop .r a:hover,.ptop .r a.on{opacity:1}.ptop .r a.on{border-bottom-color:currentColor}
  .ptop .lang{display:flex;gap:8px;align-items:center}.ptop .lang i{font-style:normal;opacity:.45}
  .ptop .back{opacity:1;border-bottom:1px solid currentColor}
  .pdoc{max-width:820px;margin:0 auto;padding:64px 28px 96px}
  .pdoc h1{font-size:clamp(36px,6vw,56px);margin-bottom:22px}
  .pdoc .intro{font-size:21px;font-style:italic;color:var(--ink2);margin:0 0 34px;padding-bottom:26px;border-bottom:1px solid var(--ink)}
  .pdoc h2{font-size:28px;margin:38px 0 12px}
  .pdoc p,.pdoc li{font-size:19px;line-height:1.6;margin:0 0 14px}
  .pdoc ul{margin:0 0 14px;padding-left:22px}.pdoc li{margin-bottom:12px}
  .pdoc .upd{margin-top:44px;font-family:var(--sc);letter-spacing:.1em;font-size:15px;color:var(--faded)}
  .pfoot{background:var(--ink);color:var(--paper);padding:40px 0}
  .pfoot .in{max-width:820px;margin:0 auto;padding:0 28px;display:flex;flex-wrap:wrap;gap:12px 40px;justify-content:space-between}
  .pfoot p{margin:0;font-size:16px;color:rgba(239,228,204,.84)}.pfoot .name{font-family:var(--sc);font-size:20px;letter-spacing:.08em;color:var(--paper)}
  .pfoot a{color:var(--paper)}
  @media (max-width:640px){.ptop{padding:10px 16px}.ptop .lock .m{height:42px}.ptop .lock .w{height:30px}.pdoc{padding:40px 20px 72px}.pdoc p,.pdoc li{font-size:18px}}