/* Sousedé.org — sdílený design systém pro rozcestník i všech 6 appek.
   Každá appka si přes <body class="app-…"> nastaví jen svůj akcent.
   POZOR: soubor má roční cache — při změně zvyš ?v=… ve všech HTML. */

:root{
  color-scheme: light dark;
  --bg:#FBF8F0;
  --bg-2:#F3EEE1;
  --surface:#FFFFFF;
  --surface-2:#FBF9F4;
  --ink:#24261F;
  --ink-soft:#4F5148;
  --ink-mute:#66675C;
  --line:rgba(36,38,31,.10);
  --line-strong:rgba(36,38,31,.22);
  --danger:#B3261E;
  --danger-soft:rgba(179,38,30,.10);
  --warn-bg:#FFF3D6;
  --warn-line:#F0D08A;
  --shadow-sm:0 1px 2px rgba(36,38,31,.05), 0 2px 8px -4px rgba(36,38,31,.10);
  --shadow:0 1px 2px rgba(36,38,31,.04), 0 10px 28px -14px rgba(36,38,31,.22);
  --shadow-lg:0 2px 6px rgba(36,38,31,.06), 0 24px 48px -22px rgba(36,38,31,.32);
  --radius:20px;
  --radius-md:14px;
  --radius-sm:10px;
  --font:'Nunito', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display:'Baloo 2', 'Nunito', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);

  --accent:#2F7A2C;
  --accent-deep:#215A1F;
  --accent-bright:#5FA85B;
  --accent-text:#2F7A2C;
  --accent-soft:rgba(95,168,91,.14);
  --on-accent:#FFFFFF;

  --gift:#5FA85B;    --gift-deep:#2F7A2C;
  --prodej:#F2A93B;  --prodej-deep:#A85F06;
  --vymena:#3F7FBF;  --vymena-deep:#2B6299;
  --pomoc:#8B5FBF;   --pomoc-deep:#6A3F9E;
  --nastenka:#E0559B;--nastenka-deep:#B8326F;
  --bazar:#33A69A;   --bazar-deep:#1C6F66;
}

.app-darovani{ --accent:#2F7A2C; --accent-deep:#215A1F; --accent-bright:#5FA85B; --accent-text:#2F7A2C; --accent-soft:rgba(95,168,91,.15); }
.app-kilo    { --accent:#A85F06; --accent-deep:#7E4604; --accent-bright:#F2A93B; --accent-text:#94540A; --accent-soft:rgba(242,169,59,.18); }
.app-vymena  { --accent:#2F6AA6; --accent-deep:#214E7D; --accent-bright:#3F7FBF; --accent-text:#2F6AA6; --accent-soft:rgba(63,127,191,.14); }
.app-pomoc   { --accent:#7346A8; --accent-deep:#553280; --accent-bright:#8B5FBF; --accent-text:#7346A8; --accent-soft:rgba(139,95,191,.14); }
.app-nastenka{ --accent:#B8326F; --accent-deep:#8C2454; --accent-bright:#E0559B; --accent-text:#B8326F; --accent-soft:rgba(224,85,155,.13); }
.app-bazar   { --accent:#1C6F66; --accent-deep:#14524B; --accent-bright:#33A69A; --accent-text:#1C6F66; --accent-soft:rgba(51,166,154,.15); }

@media (prefers-color-scheme: dark){
  :root{
    --bg:#121411;
    --bg-2:#181B17;
    --surface:#1C201B;
    --surface-2:#232822;
    --ink:#ECEAE2;
    --ink-soft:#C3C2B8;
    --ink-mute:#A3A398;
    --line:rgba(255,255,255,.08);
    --line-strong:rgba(255,255,255,.18);
    --danger:#FF8A80;
    --danger-soft:rgba(255,138,128,.12);
    --warn-bg:#3A3018;
    --warn-line:#6B5520;
    --shadow-sm:0 0 0 1px rgba(255,255,255,.04), 0 2px 8px -4px rgba(0,0,0,.6);
    --shadow:0 0 0 1px rgba(255,255,255,.05), inset 0 1px 0 rgba(255,255,255,.03), 0 12px 32px -16px rgba(0,0,0,.8);
    --shadow-lg:0 0 0 1px rgba(255,255,255,.06), 0 24px 48px -20px rgba(0,0,0,.9);
    --accent-text:var(--accent-bright);
  }
  .app-darovani, .app-kilo, .app-vymena, .app-pomoc, .app-nastenka, .app-bazar{ --accent-text:var(--accent-bright); }
  .app-vymena{ --accent-text:#7FB0E3; }
  .app-pomoc{ --accent-text:#B597DD; }
  .app-darovani{ --accent-text:#8BCB86; }
  .app-nastenka{ --accent-text:#F08BBE; }
  .app-bazar{ --accent-text:#5CC9BC; }
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body::before{
  content:"";
  position:fixed; inset:-20vh -10vw auto auto;
  width:70vw; height:60vh;
  background:radial-gradient(closest-side, var(--accent-soft), transparent 70%);
  pointer-events:none; z-index:-1;
}
h1,h2,h3,h4{ font-family:var(--font-display); margin:0; line-height:1.15; letter-spacing:-.01em; }
a{ color:var(--accent-text); text-underline-offset:3px; }
img,svg{ max-width:100%; }
[hidden]{ display:none !important; }

:focus-visible{ outline:3px solid var(--accent-bright); outline-offset:2px; border-radius:6px; }

.skip-link{
  position:absolute; left:12px; top:-60px; z-index:100;
  background:var(--surface); color:var(--ink); padding:10px 14px; border-radius:var(--radius-sm);
  box-shadow:var(--shadow); font-weight:700; text-decoration:none; transition:top .15s;
}
.skip-link:focus{ top:12px; }

.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.topbar{
  position:sticky; top:0; z-index:20;
  background:var(--bg);
  background:color-mix(in srgb, var(--bg) 78%, transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);
  backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{
  max-width:880px; margin:0 auto; padding:8px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.topbar .home{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--ink-soft); text-decoration:none; font-weight:700; font-size:14px;
  padding:6px 10px 6px 6px; border-radius:999px; transition:background .15s, color .15s;
}
.topbar .home:hover{ background:var(--surface); color:var(--ink); }
.topbar .home svg{ width:18px; height:18px; }
.topbar .mini-logo{ height:38px; width:auto; display:block; }
.logo-plate{ display:inline-flex; border-radius:10px; }
@media (prefers-color-scheme: dark){
  .logo-plate{ background:#FBF8F0; padding:2px 8px; }
}

.app{ max-width:880px; margin:0 auto; padding:0 0 56px; }
main{ padding:0 20px; }
section{ margin-top:36px; }
section > h2, .feed-header h2{ font-size:clamp(20px, 4.4vw, 24px); font-weight:700; }
section > h2{ margin-bottom:14px; }

.hero{
  position:relative; overflow:hidden;
  margin:18px 20px 0;
  padding:30px 26px 28px;
  border-radius:calc(var(--radius) + 4px);
  color:#fff;
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);
  box-shadow:var(--shadow-lg);
}
.hero::after{
  content:""; position:absolute; right:-60px; bottom:-80px; width:220px; height:220px;
  border-radius:50%; background:rgba(255,255,255,.08);
}
.hero-inner{ position:relative; z-index:1; display:flex; gap:18px; align-items:flex-start; }
.hero .icon{
  flex:0 0 auto; width:58px; height:58px; padding:13px;
  border-radius:18px; background:rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
}
.hero h1{ font-size:clamp(28px, 6.4vw, 40px); font-weight:800; }
.hero p{ margin:10px 0 0; max-width:52ch; color:rgba(255,255,255,.92); font-size:15.5px; }

.banner{
  margin:20px 0 0; padding:12px 16px; border-radius:var(--radius-md);
  background:var(--warn-bg); border:1px solid var(--warn-line); color:var(--ink);
  font-size:14px; display:flex; gap:10px; align-items:flex-start;
}
.banner::before{ content:"ℹ"; font-weight:800; line-height:1.4; }

.panel, .listing-form{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:20px;
  display:grid; grid-template-columns:1fr 1fr; gap:14px 14px;
}
.listing-form .full{ grid-column:1 / -1; }
label{ display:block; font-size:13.5px; font-weight:700; color:var(--ink-soft); margin-bottom:6px; }
.opt{ font-weight:600; color:var(--ink-mute); }
input, textarea, select{
  width:100%;
  font:inherit; font-size:16px;
  padding:11px 13px;
  border:1px solid var(--line-strong);
  border-radius:var(--radius-sm);
  background:var(--surface-2);
  color:var(--ink);
  transition:border-color .15s, box-shadow .15s, background .15s;
  appearance:none; -webkit-appearance:none;
}
select{
  padding-right:36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 11px center; background-size:16px;
}
input::placeholder, textarea::placeholder{ color:var(--ink-mute); opacity:.85; }
input:hover, textarea:hover, select:hover{ border-color:color-mix(in srgb, var(--accent-bright) 45%, var(--line-strong)); }
input:focus, textarea:focus, select:focus{
  outline:none;
  border-color:var(--accent-bright);
  box-shadow:0 0 0 4px var(--accent-soft);
  background:var(--surface);
}
input:user-invalid, textarea:user-invalid{ border-color:var(--danger); }
textarea{ resize:vertical; min-height:84px; }

.submit-row{ grid-column:1 / -1; display:flex; justify-content:flex-end; margin-top:2px; }
button{ font:inherit; cursor:pointer; border:none; color:inherit; background:none; }
button:disabled{ cursor:progress; opacity:.65; }
.btn-primary{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);
  color:var(--on-accent); font-weight:800; font-size:16px;
  padding:12px 24px; min-height:48px; border-radius:999px;
  box-shadow:0 10px 24px -12px var(--accent), inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .15s var(--ease), box-shadow .15s, filter .15s;
}
.btn-primary:hover{ transform:translateY(-1px); filter:brightness(1.06); box-shadow:0 14px 28px -12px var(--accent), inset 0 1px 0 rgba(255,255,255,.18); }
.btn-primary:active{ transform:translateY(0); }
.btn-primary:focus-visible{ outline:none; box-shadow:0 0 0 4px var(--accent-soft), 0 0 0 2px var(--accent-bright); }
.hint{ font-size:13.5px; color:var(--ink-mute); margin:10px 4px 0; }

.feed-header{ display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.feed-title{ display:flex; align-items:baseline; gap:10px; }
.count-chip{
  font-size:13px; font-weight:800; color:var(--accent-text);
  background:var(--accent-soft); padding:2px 10px; border-radius:999px; font-family:var(--font);
}
.feed-controls{ display:flex; gap:8px; flex-wrap:wrap; }
.feed-controls select, .feed-controls input{ width:auto; min-width:150px; max-width:220px; padding-top:9px; padding-bottom:9px; border-radius:999px; background-color:var(--surface); }
.feed-controls .search{ position:relative; }
.feed-controls .search input{ padding-left:36px; }
.feed-controls .search svg{ position:absolute; left:12px; top:50%; width:16px; height:16px; transform:translateY(-50%); color:var(--ink-mute); pointer-events:none; }

.listings-grid{ display:grid; gap:14px; }
.listings-grid, .board{ scroll-margin-top:72px; }
.board{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }

.card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px 18px 16px;
  box-shadow:var(--shadow-sm);
  transition:box-shadow .2s var(--ease), transform .2s var(--ease), border-color .2s;
  animation:fade-up .35s var(--ease) both;
  min-width:0;
}
.card:hover{ box-shadow:var(--shadow); border-color:var(--line-strong); }
.card h3{ font-size:19px; font-weight:700; overflow-wrap:anywhere; }
.card .meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px;
  font-size:14px; color:var(--ink-mute); margin-top:4px;
}
.card .meta > span{ display:inline-flex; align-items:center; gap:5px; }
.card .meta svg{ width:14px; height:14px; flex:0 0 auto; }
.card .note{ font-size:15px; margin-top:10px; color:var(--ink-soft); white-space:pre-line; overflow-wrap:anywhere; }
.card-foot{ margin-top:14px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.contact{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14.5px; font-weight:800; text-decoration:none;
  color:var(--on-accent); background:var(--accent);
  padding:8px 14px; min-height:40px; border-radius:999px;
  transition:filter .15s, transform .15s;
  overflow-wrap:anywhere;
}
a.contact:hover{ filter:brightness(1.08); transform:translateY(-1px); }
span.contact{ background:var(--accent-soft); color:var(--accent-text); }
.contact svg{ width:16px; height:16px; }
.detail-toggle{
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid var(--line-strong); color:var(--ink-soft);
  font-size:14px; font-weight:700; padding:7px 13px; min-height:40px; border-radius:999px;
  transition:background .15s, border-color .15s, color .15s;
}
.detail-toggle:hover{ background:var(--accent-soft); border-color:transparent; color:var(--ink); }
.detail-toggle::after{
  content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s var(--ease); margin-left:2px;
}
.detail-toggle[aria-expanded="true"]::after{ transform:rotate(-135deg) translate(-1px,-1px); }
.delete-btn{
  margin-left:auto; color:var(--ink-mute); font-size:14px; font-weight:700;
  padding:7px 12px; min-height:40px; border-radius:999px; transition:background .15s, color .15s;
}
.delete-btn:hover{ color:var(--danger); background:var(--danger-soft); }

.time{ color:var(--ink-mute); }

.detail-panel{
  margin-top:14px; padding-top:14px; border-top:1px dashed var(--line-strong);
  grid-template-columns:1fr 1fr; gap:20px;
}
.detail-panel.open{ display:grid; animation:fade-in .25s var(--ease) both; }
.detail-panel:not(.open){ display:none; }
.detail-col{ min-width:0; }
.detail-col h4{ font-size:15px; font-weight:700; margin-bottom:8px; }
.mini-list{ list-style:none; margin:0 0 10px; padding:0; font-size:14px; }
.mini-list li{ padding:7px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.mini-list li:last-child{ border-bottom:none; }
.mini-list .stars-static{ color:var(--accent-bright); letter-spacing:1px; }
.mini-empty{ font-size:13.5px; color:var(--ink-mute); margin:0 0 10px; }
.mini-form{ display:flex; flex-direction:column; gap:8px; }
.mini-form input, .mini-form textarea{ font-size:15px; padding:9px 11px; }
.mini-form textarea{ min-height:64px; }
.mini-form button[type="submit"]{
  align-self:flex-start; background:var(--accent); color:var(--on-accent);
  font-size:14px; font-weight:800; padding:9px 16px; min-height:40px; border-radius:999px;
  transition:filter .15s, transform .15s;
}
.mini-form button[type="submit"]:hover{ filter:brightness(1.08); transform:translateY(-1px); }
.stars{ display:flex; gap:2px; font-size:28px; line-height:1; color:var(--accent-bright); }
.star{ cursor:pointer; padding:2px 3px; border-radius:6px; transition:transform .12s var(--ease); user-select:none; }
.star:hover{ transform:scale(1.15); }

.empty{
  grid-column:1 / -1;
  text-align:center; color:var(--ink-mute); font-size:15px;
  padding:34px 20px; margin:0;
  border:1.5px dashed var(--line-strong); border-radius:var(--radius);
  background:color-mix(in srgb, var(--surface) 55%, transparent);
}
.empty strong{ display:block; font-family:var(--font-display); font-size:19px; color:var(--ink); margin-bottom:2px; }
.skeleton{
  height:132px; border-radius:var(--radius); border:1px solid var(--line);
  background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);
  background-size:300% 100%;
  animation:shimmer 1.3s linear infinite;
}

.toast-wrap{
  position:fixed; left:50%; bottom:max(18px, env(safe-area-inset-bottom)); transform:translateX(-50%);
  z-index:50; display:flex; flex-direction:column; gap:8px; width:min(92vw, 440px); pointer-events:none;
}
.toast{
  pointer-events:auto;
  background:#24261F; color:#FBF8F0;
  padding:12px 16px; border-radius:14px; font-size:15px; font-weight:600;
  box-shadow:0 18px 40px -16px rgba(0,0,0,.55);
  display:flex; gap:10px; align-items:flex-start;
  animation:toast-in .3s var(--ease) both;
}
.toast::before{ content:"✓"; font-weight:900; color:#8BCB86; }
.toast.error::before{ content:"!"; color:#FF8A80; width:1ch; text-align:center; }
.toast.hide{ animation:toast-out .25s var(--ease) both; }
@media (prefers-color-scheme: dark){
  .toast{ background:#F1EEE4; color:#1C201B; }
  .toast::before{ color:#2F7A2C; }
  .toast.error::before{ color:#B3261E; }
}

.site-footer{
  text-align:center; font-size:13.5px; color:var(--ink-mute);
  margin-top:52px; padding:0 20px; line-height:1.7;
}
.site-footer a{ color:inherit; font-weight:700; }
.site-footer a:hover{ color:var(--accent-text); }

@keyframes fade-up{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@keyframes fade-in{ from{ opacity:0; } to{ opacity:1; } }
@keyframes shimmer{ to{ background-position:-150% 0; } }
@keyframes toast-in{ from{ opacity:0; transform:translateY(12px) scale(.98); } to{ opacity:1; transform:none; } }
@keyframes toast-out{ to{ opacity:0; transform:translateY(8px); } }

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

@media (max-width:600px){
  .board{ grid-template-columns:1fr; }
}
@media (max-width:520px){
  main{ padding:0 16px; }
  .hero{ margin:14px 16px 0; padding:24px 20px 22px; }
  .hero-inner{ gap:14px; }
  .hero .icon{ width:48px; height:48px; padding:11px; border-radius:15px; }
  .topbar-inner{ padding:8px 16px; }
  .listing-form{ grid-template-columns:1fr; padding:16px; }
  .submit-row .btn-primary{ width:100%; }
  .feed-controls{ width:100%; }
  .feed-controls > *{ flex:1 1 140px; }
  .feed-controls select, .feed-controls input, .feed-controls .search{ width:100%; max-width:none; min-width:0; }
  .detail-panel.open{ grid-template-columns:1fr; }
  .card{ padding:16px 16px 14px; }
}

.card.has-stamp{ display:grid; grid-template-columns:78px 1fr; column-gap:16px; }
.card.has-stamp > .card-foot, .card.has-stamp > .detail-panel{ grid-column:1 / -1; }
.card.has-stamp > .detail-panel:not(.open){ display:none; }
.price-stamp{
  width:78px; height:78px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; line-height:1.05;
  color:var(--accent-text); background:var(--accent-soft);
  border:2px dashed color-mix(in srgb, var(--accent-bright) 70%, transparent);
  transform:rotate(-6deg);
}
.price-stamp .num{ font-family:var(--font-display); font-weight:800; font-size:21px; }
.price-stamp .unit{ font-size:11px; font-weight:800; letter-spacing:.02em; }
@media (max-width:520px){
  .card.has-stamp{ grid-template-columns:60px 1fr; column-gap:12px; }
  .price-stamp{ width:60px; height:60px; }
  .price-stamp .num{ font-size:16px; }
}

.price-row{ margin-bottom:6px; }
.price-text{
  display:inline-block; font-family:var(--font-display); font-size:17px; font-weight:800;
  color:var(--accent-text); background:var(--accent-soft); padding:1px 11px; border-radius:999px;
}

.badge-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.badge{ font-size:12.5px; font-weight:800; padding:3px 11px; border-radius:999px; color:#fff; }
.badge.free{ background:#2F7A2C; }
.badge.paid{ background:#A85F06; }
.badge.service{ background:var(--accent); }
.badge-row .price-text{ font-family:var(--font); font-size:14px; padding:1px 10px; }

.card.pinned{ position:relative; }
.pin{
  position:absolute; top:-6px; left:20px; width:14px; height:14px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff 0 18%, var(--accent-bright) 22%);
  box-shadow:0 2px 4px rgba(0,0,0,.25);
}
.tags{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px; }
.tag{ font-size:13px; padding:4px 10px; border-radius:10px; font-weight:700; overflow-wrap:anywhere; }
.tag.offer{ background:rgba(95,168,91,.16); color:#2F6B2C; }
.tag.want{ background:var(--accent-soft); color:var(--accent-text); }
@media (prefers-color-scheme: dark){ .tag.offer{ color:#8BCB86; } }

.thread .body-text{ font-size:15.5px; margin-top:10px; white-space:pre-wrap; overflow-wrap:anywhere; }
.replies-panel{ margin-top:14px; padding-top:14px; border-top:1px dashed var(--line-strong); }
.replies-panel:not(.open){ display:none; }
.replies-panel.open{ animation:fade-in .25s var(--ease) both; }
.reply-meta{ font-weight:800; color:var(--accent-text); }
.replies-panel .mini-form{ max-width:460px; }

.legal{ max-width:680px; margin:0 auto; padding:28px 20px 60px; }
.legal h1{ font-size:clamp(28px, 6vw, 36px); font-weight:800; margin:18px 0 6px; }
.legal h2{ font-size:20px; font-weight:700; margin:32px 0 8px; }
.legal p, .legal li{ font-size:16px; color:var(--ink-soft); }
.legal strong{ color:var(--ink); }
.legal ul{ padding-left:22px; }
.legal .updated{ font-size:14px; color:var(--ink-mute); margin-bottom:26px; }
.placeholder{ background:#FDECC8; color:#5A4300; padding:1px 6px; border-radius:6px; font-weight:700; }