/* Atom Bamboo — romantic, elegant, timeless.
   Ivory paper, deep bamboo green, antique gold. Serif typography. */
:root{
  --ivory:#f7f1e3; --ivory-2:#fdfaf2; --paper:#fffdf6;
  --green:#1e4d3b; --green-2:#2f6b4f; --green-soft:#e6efe8;
  --gold:#b08d3e; --gold-soft:#d9c48a; --ink:#2b2620; --muted:#6f675a;
  --line:#ddd0b4; --danger:#8a2f2f; --radius:14px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ivory);color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;line-height:1.6;
  background-image:radial-gradient(ellipse at top,rgba(176,141,62,.07),transparent 60%)}
a{color:var(--green-2)}
a:hover{color:var(--gold)}
header.site{border-bottom:3px double var(--gold);background:var(--ivory-2);padding:14px 0 10px}
.wrap{max-width:920px;margin:0 auto;padding:0 18px}
.brand{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.brand h1{margin:0;font-size:34px;letter-spacing:.04em;color:var(--green);font-weight:400}
.brand h1 a{text-decoration:none;color:var(--green)}
.brand h1 span{color:var(--gold)}
.tagline{font-style:italic;color:var(--muted);margin:2px 0 0}
nav.main{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:10px}
nav.main a{color:var(--green);text-decoration:none;border-bottom:1px solid transparent}
nav.main a:hover{border-color:var(--gold)}
.lang-form{margin-left:auto;display:flex;gap:6px;align-items:center}
select,input[type=text],input[type=password],input[type=email],textarea{
  font-family:inherit;font-size:16px;padding:9px 10px;border:1px solid var(--line);
  border-radius:8px;background:var(--paper);color:var(--ink);width:100%}
button,.btn{display:inline-block;background:var(--green);color:#fdfaf2;border:1px solid var(--green);
  padding:9px 18px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:15px;text-decoration:none}
button:hover,.btn:hover{background:var(--green-2)}
.btn-gold{background:transparent;color:var(--green);border-color:var(--gold)}
.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}
.btn-small{padding:5px 12px;font-size:14px}
main{padding:26px 0 60px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;margin:0 0 18px;box-shadow:0 1px 0 rgba(176,141,62,.25)}
.card h2{margin:0 0 6px;color:var(--green);font-weight:400;font-size:26px}
.card h3{margin:0 0 4px;color:var(--green);font-weight:400}
.meta{color:var(--muted);font-size:14px;font-style:italic}
.post-img{max-width:100%;border-radius:10px;border:1px solid var(--line);margin-top:12px}
.ornament{text-align:center;color:var(--gold);letter-spacing:.5em;margin:6px 0 18px}
label{display:block;margin:12px 0 4px;font-weight:700;color:var(--green)}
.hint{font-size:14px;color:var(--muted)}
.notice{background:var(--green-soft);border:1px solid var(--gold-soft);border-radius:8px;padding:10px 14px;margin:0 0 16px}
.error{background:#f7e8e8;border:1px solid #d9a8a8;border-radius:8px;padding:10px 14px;margin:0 0 16px;color:var(--danger)}
.inline-form{display:inline}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.chips a{border:1px solid var(--gold);border-radius:999px;padding:4px 14px;text-decoration:none;color:var(--green);background:var(--paper)}
.chips a.active{background:var(--green);color:#fdfaf2}
footer.site{border-top:3px double var(--gold);padding:18px 0 30px;color:var(--muted);font-style:italic;text-align:center}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}
.search-row{display:flex;gap:8px}
.search-row input{flex:1}
@media(max-width:640px){.brand h1{font-size:26px}.lang-form{margin-left:0}}