:root{
  --ko-paper:#fbf8f1;
  --ko-cream:#f4efe3;
  --ko-ink:#293228;
  --ko-green:#3f5b43;
  --ko-muted:#74786f;
  --ko-line:#d9d0c0;
}
.oma-kerro{
  width:min(980px,90vw);
  margin:72px auto;
  padding:clamp(34px,6vw,72px);
  border:1px solid var(--ko-line);
  border-radius:18px;
  background:var(--ko-paper);
  color:var(--ko-ink);
  font-family:Georgia,"Times New Roman",serif;
  box-shadow:0 20px 55px rgba(41,50,40,.055);
}
.oma-kerro *{box-sizing:border-box}
.oma-kerro__header{max-width:720px;margin:0 auto 42px;text-align:center}
.oma-kerro__eyebrow{
  margin:0 0 12px!important;
  color:var(--ko-muted);
  font-family:Arial,sans-serif;
  font-size:.72rem!important;
  font-weight:700;
  letter-spacing:.18em;
}
.oma-kerro h2{
  margin:0 0 18px;
  color:var(--ko-green);
  font-size:clamp(2.5rem,5vw,4.8rem);
  font-weight:400;
  line-height:1.02;
}
.oma-kerro__intro{margin:0 auto;max-width:650px;font-size:1.15rem;line-height:1.75}
.oma-kerro__notice{
  margin:0 0 32px;
  padding:16px 18px;
  border:1px solid var(--ko-line);
  border-radius:10px;
  background:var(--ko-cream);
}
.oma-kerro__main-label{
  display:block;
  margin-bottom:8px;
  color:var(--ko-green);
  font-size:clamp(1.8rem,3vw,2.6rem);
  line-height:1.15;
}
.oma-kerro__hint{margin:0 0 20px;color:var(--ko-muted)}
.oma-kerro textarea,
.oma-kerro input[type="text"]{
  width:100%;
  padding:17px 18px;
  border:1px solid var(--ko-line);
  border-radius:10px;
  background:#fffdfa;
  color:var(--ko-ink);
  font:inherit;
  font-size:1.05rem;
  line-height:1.65;
}
.oma-kerro textarea:focus,
.oma-kerro input[type="text"]:focus{
  outline:2px solid rgba(63,91,67,.22);
  border-color:var(--ko-green);
}
.oma-kerro__actions{margin-top:20px}
.oma-kerro__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:13px 21px;
  border:1px solid var(--ko-green);
  border-radius:999px;
  cursor:pointer;
  font:inherit;
  transition:.2s ease;
}
.oma-kerro__button--primary{background:var(--ko-green);color:#fff}
.oma-kerro__button--quiet{background:transparent;color:var(--ko-green)}
.oma-kerro__button:hover{transform:translateY(-1px)}
.oma-kerro__button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.oma-kerro__draft{
  margin-top:52px;
  padding-top:46px;
  border-top:1px solid var(--ko-line);
}
.oma-kerro__draft-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:28px}
.oma-kerro__draft h3,.oma-kerro__share h3{
  margin:0;
  color:var(--ko-green);
  font-size:clamp(1.8rem,3vw,2.7rem);
  font-weight:400;
  line-height:1.2;
}
.oma-kerro__heart{font-size:1.6rem;color:var(--ko-green)}
.oma-kerro__draft label,.oma-kerro__share label:not(.oma-kerro__consent){display:block;margin:0 0 22px}
.oma-kerro__draft label>span,.oma-kerro__share label>span{
  display:block;
  margin-bottom:8px;
  color:var(--ko-muted);
  font-family:Arial,sans-serif;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
}
.oma-kerro__privacy{color:var(--ko-muted);font-size:.92rem}
.oma-kerro__choice{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.oma-kerro__share{
  margin-top:34px;
  padding:34px;
  border-radius:14px;
  background:var(--ko-cream);
}
.oma-kerro__share-copy{margin-bottom:25px}
.oma-kerro__consent{display:flex;align-items:flex-start;gap:12px;margin:22px 0}
.oma-kerro__consent input{margin-top:6px}
.oma-kerro__consent span{font-size:.96rem;line-height:1.6}
.oma-kerro__kept{
  margin-top:30px;
  padding:24px;
  border-top:1px solid var(--ko-line);
  text-align:center;
  color:var(--ko-green);
}
.oma-kerro__kept span{font-size:1.4rem}
.oma-kerro__honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
[hidden]{display:none!important}
@media(max-width:640px){
  .oma-kerro{width:92vw;margin:42px auto;padding:32px 22px}
  .oma-kerro__button{width:100%}
  .oma-kerro__choice{display:grid;grid-template-columns:1fr}
  .oma-kerro__share{padding:26px 20px}
}