/* news.dadaksa.com – demo stylesheet (no JavaScript, system fonts) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.6;color:#2b2b2b;background:#fbf5f2}
a{color:#00666b}
a:hover,a:focus{color:#003c40}
img{max-width:100%;height:auto}
.demo-banner{background:#7a2e0e;color:#fff;font-size:.85rem;text-align:center;padding:.35rem .75rem}
.demo-banner a{color:#ffe2c6}
.site-header{background:#00686e;color:#fff;padding:.6rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem}
.site-header .brand{color:#fff;font-weight:700;font-size:1.3rem;text-decoration:none;margin-right:auto}
.header-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1rem;font-size:.95rem}
.header-links a{color:#c9ffc9}
.header-links img{display:block;height:40px;width:auto;background:#fff;border-radius:3px}
/* navigation */
.menu-mobile{background:#e8f2f1;border-bottom:1px solid #c7dcda}
.menu-mobile summary{cursor:pointer;padding:.7rem 1rem;font-weight:600;color:#00585d}
.menu-mobile nav{padding:0 1rem 1rem}
nav ul{list-style:none;margin:0;padding:0}
.nav-top li{margin:.25rem 0}
.nav-year{font-weight:700;margin:.8rem 0 .2rem}
.nav-parts{display:flex;flex-wrap:wrap;gap:.25rem .4rem}
.nav-parts a{display:inline-block;padding:.15rem .45rem;border:1px solid #c7dcda;border-radius:4px;background:#fff;text-decoration:none;font-size:.9rem;white-space:nowrap}
.nav-extra{font-size:.85rem;color:#666;align-self:center}
nav a[aria-current=page]{background:#00686e;color:#fff;border-color:#00686e}
.sidebar{display:none}
.layout{max-width:1150px;margin:0 auto}
main{padding:1rem;max-width:780px}
@media (min-width:900px){
 .menu-mobile{display:none}
 .layout{display:flex;align-items:flex-start;gap:2rem;padding:0 1rem}
 .sidebar{display:block;flex:0 0 230px;position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:1rem 0;font-size:.95rem}
 main{flex:1;padding:1.25rem 0 3rem}
}
/* content */
main h1{font-size:1.6rem;line-height:1.25}
main h2{font-size:1.3rem}
.center{text-align:center}
.float-right{float:right;margin:0 0 .8rem 1rem;max-width:40%}
.float-left{float:left;margin:0 1rem .8rem 0;max-width:40%}
main::after{content:"";display:block;clear:both}
.photoblock{margin:1.4rem 0;clear:both}
.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.9rem;align-items:start}
.photos figure{margin:0}
.photos img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.25)}
figcaption,.caption{font-size:.9rem;color:#555;line-height:1.4;margin:.35rem 0 0}
p.caption{margin:.4rem 0 .6rem}
.table-wrap{overflow-x:auto;margin:1rem 0}
.table-wrap table{border-collapse:collapse;width:100%}
.table-wrap td,.table-wrap th{border:1px solid #d6c9c4;padding:.4rem .6rem;vertical-align:top}
.pager{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0;padding:.6rem .8rem;background:#e8f2f1;border-radius:6px;font-weight:600;clear:both}
.review-list li{margin:.6rem 0}
/* old unlinked pages shown as-is (domes/manual.htm used a class "unnamed1") */
.asis{padding:0 1rem 2rem;max-width:780px;margin:0 auto}
.asis .demo-banner{margin:0 -1rem 1rem}
.unnamed1{background-color:#99CCFF}