
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.65;color:#4b3530;background:#fff5f6}
header{background:#664238;color:#fff;padding:14px 20px;position:sticky;top:0;z-index:10}
header .in{max-width:1000px;margin:auto;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
header strong{font-size:1.3rem}
nav a{color:#fce8ec;text-decoration:none;font-size:.9rem;margin-right:12px;white-space:nowrap}
nav a:hover{color:#fff;text-decoration:underline}
main{max-width:1000px;margin:auto;padding:20px}
section{background:#fff;border-radius:10px;padding:26px 28px;margin:22px 0;box-shadow:0 1px 4px rgba(102,66,56,.07)}
h1,h2{color:#664238;margin-top:0}
h3{color:#805347;margin-bottom:4px}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.93rem}
th,td{border:1px solid #ead2d6;padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f9e5e9}
.warn{background:#fff3e8;border-left:5px solid #ae7842;padding:10px 14px;margin:14px 0;border-radius:4px}
.cosm{background:#fcecef;border-left:5px solid #a36c74;padding:10px 14px;margin:14px 0;border-radius:4px}
.red{background:#fbe3e7;border-left:5px solid #a33e4c;padding:10px 14px;margin:14px 0;border-radius:4px}
.ad{border:1px dashed #bf929b;background:#fceef1;color:#795b54;text-align:center;margin:22px auto;padding:8px;border-radius:6px;max-width:100%}
.ad small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}

.ad-mid{width:300px;min-height:250px}
.ad-tall{width:300px;min-height:600px}
@media(min-width:1660px){.ad-tall{position:fixed;top:90px;left:calc(50% + 510px);margin:0}}
.ad-prod{background:#fff2f4;border:1px solid #e5c4cb;color:#634a42;text-align:left;padding:12px 16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.cards a{display:block;background:#f9e5e9;padding:14px;border-radius:8px;text-decoration:none;color:#664238}
.cards a:hover{background:#f1d1d9}
.cards span{display:block;font-size:.85rem;color:#6b4d45}
details{border-bottom:1px solid #edd8dc;padding:8px 0}
summary{cursor:pointer;font-weight:600}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:14px 0}
.gallery figure{margin:0;background:#fff5f6;border:1px solid #ead2d6;border-radius:8px;overflow:hidden}
.gallery img,.gallery .ph{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.gallery .ph{background:#f9e5e9;color:#795b54;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem;padding:8px}
.gallery figcaption{padding:8px 10px;font-size:.85rem}
footer{max-width:1000px;margin:auto;padding:20px;font-size:.85rem;color:#795b54}
@media(max-width:760px){.ad-tall{display:none}section{padding:18px}}

a{color:#805347}
a:hover{color:#54362e}
:focus-visible{outline:3px solid #a36c74;outline-offset:3px}

.ad-mid,.ad-tall{padding:0;border:0;background:transparent;min-height:0}
.ad a{display:block;line-height:0}
.ad img{display:block;width:300px;max-width:100%;height:auto;margin:auto}
.ad small{color:#795b54;margin-bottom:6px}
.gallery-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gallery-timeline img{height:260px;aspect-ratio:auto;object-fit:contain;background:#fff}
.gallery-timeline figcaption{padding:16px}
.gallery-timeline figcaption p{margin:6px 0 12px}
.gallery-timeline small{font-size:.75rem;line-height:1.5;display:block;color:#795b54}
.gallery-note{font-size:.9rem;color:#795b54}
@media(max-width:600px){.gallery-timeline{grid-template-columns:1fr}.gallery-timeline img{height:260px}}
.gallery-scar-types{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-scar-types img{object-fit:contain;background:#fff5f6}.gallery-scar-types figcaption{padding:14px 16px}
