:root{--accent:#c2185b}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#222;background:#fffdf9}
a{color:var(--accent)}img{max-width:100%;height:auto}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}
header.site{border-bottom:1px solid #eee;background:#fff}header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;padding-bottom:12px}
.brand{font-weight:700;font-size:1.2rem;text-decoration:none;color:#222}nav a{margin-left:14px;font-size:.95rem;text-decoration:none;color:#444}nav a:first-child{margin-left:0}
main{padding:24px 0 40px}h1{font-size:1.9rem;line-height:1.25;margin:.2em 0 .4em}h2{font-size:1.4rem;line-height:1.3;margin:1.6em 0 .5em}h3{font-size:1.12rem;margin:1.3em 0 .3em}
.meta{color:#666;font-size:.9rem}.note{background:#f6f1ea;border-left:4px solid var(--accent);padding:10px 14px;font-size:.95rem;margin:18px 0}
ul,ol{padding-left:1.3em}li{margin:.25em 0}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600;margin:20px 0}
.cards{list-style:none;padding:0}.table-wrap{overflow-x:auto;margin:1em 0}table{border-collapse:collapse;width:100%;font-size:.95em}th,td{border:1px solid #ddd;padding:6px 8px;text-align:left;vertical-align:top}thead th{background:#f6f3ef}figure.inline{margin:1.2em 0}figure.inline img{max-width:100%;height:auto;border-radius:8px}figure.inline figcaption{font-size:.8rem;color:#666}a.more{font-size:.9rem;margin-left:6px}nav{display:flex;flex-wrap:wrap;gap:4px 0}.cards li{border-bottom:1px solid #eee;padding:12px 0}.cards a{font-weight:600;text-decoration:none}.cards p{margin:.2em 0 0;color:#555;font-size:.95rem}.cards li::after{content:"";display:block;clear:both}.cards .thumb{float:left;margin:0 14px 6px 0;border-radius:6px;max-width:30%;height:auto}
footer.site{border-top:1px solid #eee;padding:20px 0;font-size:.88rem;color:#666;background:#fff}footer.site a{color:#555;margin-right:12px}
.disclosure{font-size:.88rem}.crumbs{font-size:.85rem;color:#666;margin-top:4px}.crumbs a{color:#666}.hero{margin:12px 0 18px}.hero img{display:block;width:100%;height:auto;border-radius:8px}.hero figcaption{font-size:.8rem;color:#777;margin-top:4px}.shop{background:#fff;border:1px solid #eee;border-radius:8px;padding:6px 16px;margin:24px 0}.preview-bar{background:#222;color:#fff;text-align:center;font-size:.85rem;padding:6px}
.cc{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:2px solid var(--accent);box-shadow:0 -2px 12px rgba(0,0,0,.12);padding:14px 18px;font-size:.92rem}
.cc p{max-width:720px;margin:0 auto 10px}.cc .cc-b{max-width:720px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap}
.cc button{font:inherit;padding:9px 16px;border-radius:6px;border:1px solid var(--accent);cursor:pointer;background:#fff;color:var(--accent)}.cc button.cc-ok{background:var(--accent);color:#fff}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:#555;text-decoration:underline;cursor:pointer}
@media(min-width:768px){body{font-size:18px}h1{font-size:2.3rem}}