:root{
  --paper:#faf7f1; --ink:#221d15; --sub:#6f6455; --line:#e3d9c8;
}
*{box-sizing:border-box; margin:0; padding:0}
body{background:var(--paper); color:var(--ink);
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:920px; margin:0 auto; padding:22px 16px 60px}
header.sitehead{background:#f1e9d8; border-bottom:3px solid #8a774f; border-radius:6px; padding:14px 11px 12px}
.kicker{font-size:11px; letter-spacing:.22em; color:var(--sub)}
.sitehead h1{font-size:26px; letter-spacing:.04em; margin:4px 0 6px}
.sitehead h1 a{color:inherit; text-decoration:none}
.lede{font-size:13.5px; color:var(--sub); line-height:1.7}
h2.sect{font-size:15px; letter-spacing:.12em; margin:30px 0 6px; color:var(--ink)}
.sitelist{border-top:1px solid #a08c62}
.siterow{display:flex; gap:14px; align-items:baseline; padding:15px 4px 14px; border-bottom:1px solid var(--line)}
.siterow .body{flex:1; min-width:0}
.siterow .name{font-size:17px; font-weight:700; line-height:1.5}
.siterow .name a{color:var(--ink)}
.siterow .desc{font-size:14px; color:#4c4436; line-height:1.7; margin-top:3px}
.siterow .url{font-size:12px; color:var(--sub); margin-top:3px; font-family:ui-monospace,Menlo,monospace}
.status{flex:0 0 auto; font-size:11px; border:1px solid var(--ink); border-radius:2px; padding:1px 8px; letter-spacing:.1em}
.status.prep{border-color:var(--sub); color:var(--sub)}
.about{font-size:14.5px; line-height:1.85; color:#33302a; max-width:680px}
.about p{margin-bottom:10px}
.about a{color:#8a5a12}
footer.sitefoot{margin-top:44px; border-top:1px solid var(--line); padding-top:14px; font-size:12.5px; color:var(--sub); display:flex; gap:20px; flex-wrap:wrap}
footer.sitefoot a{color:var(--sub)}
/* policy */
.policybody{max-width:680px; font-size:16px; line-height:1.85; color:#2b2721}
.policybody p{margin-bottom:14px}
.policybody h2{font-size:18px; margin:30px 0 10px; letter-spacing:.02em}
.policybody h3{font-size:16px; margin:22px 0 8px}
.policybody ul{margin:0 0 14px 1.2em}
.policybody li{margin-bottom:4px}
.policybody a{color:#8a5a12; overflow-wrap:anywhere}
.policybody .dates{font-size:13px; color:var(--sub); margin-top:36px}
.backlink{font-size:13px; margin-bottom:14px}
.backlink a{color:var(--sub)}
@media (max-width:480px){ .sitehead h1{font-size:23px; letter-spacing:.02em} }