:root{--van_nus:#f5f0d7;--staigour-fe:#fffdf2;--naitou:#215146;--brot:#7f643d;--dain:#d8cb8b;--boubat-frem:#453c2c;--covos:rgba(127,100,61,.22)}
*{box-sizing:border-box}
body{margin:0;background:var(--van_nus);color:var(--boubat-frem);font-family:Georgia,"Times New Roman",serif;background-image:radial-gradient(rgba(127,100,61,.08) 1px,transparent 1px);background-size:7px 7px}
.houtur-tras{max-width:1010px;margin:1.5rem auto 0;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--brot)}
.clo-frai{display:flex;align-items:center;gap:.9rem;color:inherit;text-decoration:none}
.clo-frai span{display:grid}
.clo-frai small{color:var(--brot);font:italic .75rem Georgia,serif}
.clo-frai strong{color:var(--naitou);font:700 1.5rem Georgia,serif}
.houtur-tras nav{display:flex;gap:1.6rem}
.houtur-tras nav a{color:var(--naitou);font:700 .78rem Georgia,serif;text-decoration:none;border-bottom:1px dashed var(--brot)}
.vabraim{max-width:1010px;margin:auto;padding:3rem 2rem 6rem}
.prot-kekux{display:flex;gap:2rem;align-items:center;margin-bottom:4rem}
.nepai{width:100px;height:112px;flex:0 0 auto;display:grid;place-items:center;background:var(--naitou);color:var(--staigour-fe);transform:rotate(-3deg);box-shadow:5px 6px 0 var(--dain)}
.nepai b{font-size:3rem;line-height:.8}
.nepai span{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}
.prot-kekux p{color:var(--brot);font:italic 1rem "Bradley Hand","Comic Sans MS",cursive}
.prot-kekux h1{color:var(--naitou);font-size:clamp(3rem,8vw,6.5rem);line-height:.88;margin:.3rem 0;letter-spacing:-.05em}
.prot-kekux em{color:var(--brot)}
.frebur{display:flex;flex-direction:column;gap:2.2rem}
.zos{position:relative;width:min(760px,92%);padding:2.3rem 2.6rem;background:var(--staigour-fe);box-shadow:4px 6px 18px rgba(69,60,44,.13);border-left:4px solid var(--dain);transform:rotate(-.35deg)}
.zos:nth-child(even){align-self:flex-end;transform:rotate(.45deg)}
.glanal-sta{position:absolute;width:90px;height:26px;top:-13px;left:42%;background:rgba(216,203,139,.62);transform:rotate(-2deg)}
.zos time{color:var(--brot);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive}
.zos h2{font-size:2rem;margin:.7rem 0}
.zos h2 a{color:var(--naitou);text-decoration:none}
.zos>p{font-size:1.05rem;line-height:1.65}
.zos footer{display:flex;gap:.7rem;align-items:center;color:var(--brot);font:.75rem "Bradley Hand","Comic Sans MS",cursive}
.zos footer a{margin-left:auto;color:var(--naitou)}
.nocle{display:inline-block;margin:3rem 0 0 2rem;padding:.7rem 1.1rem;background:var(--brot);color:var(--staigour-fe);text-decoration:none;transform:rotate(-1deg)}
.sa-trofraim>header{display:flex;align-items:end;gap:1.5rem;border-bottom:2px solid var(--brot);padding-bottom:1rem}
.sa-trofraim>header>span{font-size:4rem;color:var(--dain)}
.sa-trofraim h1{color:var(--naitou);font-size:4rem;margin:.2rem 0}
.sa-trofraim header p{color:var(--brot);margin:0}
.roloun{margin-left:2rem;border-left:2px dashed var(--dain);padding:2rem 0 1rem 2.5rem}
.roloun article{display:flex;gap:1.5rem;margin-bottom:2.5rem}
.roloun time{width:60px;height:65px;flex:0 0 auto;display:grid;place-items:center;background:var(--staigour-fe);border:1px solid var(--dain);transform:rotate(-2deg)}
.roloun time b{font-size:1.7rem;color:var(--naitou)}
.roloun time span{font-size:.7rem;color:var(--brot)}
.roloun h2{margin:.2rem 0}
.roloun h2 a{color:var(--naitou)}
.roloun p{line-height:1.55}
.datrel{position:relative;max-width:800px;margin:auto;padding:4rem 4rem 5rem 7rem;background:var(--staigour-fe);box-shadow:6px 8px 24px rgba(69,60,44,.14);background-image:repeating-linear-gradient(transparent,transparent 31px,var(--covos) 32px)}
.datrel:before{content:"";position:absolute;left:5rem;top:0;bottom:0;border-left:2px solid rgba(127,100,61,.26)}
.datrel>header{position:relative;z-index:1;background:var(--staigour-fe);border-bottom:2px solid var(--naitou);padding-bottom:1.5rem}
.datrel header time,.datrel header span{color:var(--brot);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive}
.datrel h1{color:var(--naitou);font-size:clamp(2.8rem,7vw,5.7rem);line-height:.9;margin:.8rem 0}
.locox-zal{position:absolute;left:-3.5rem;top:13rem;width:130px;padding:1rem;background:#ece1b2;color:var(--brot);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive;transform:rotate(-6deg)}
.zel{position:relative;font-size:1.08rem;line-height:2;padding-top:1.3rem}
.zel h2{color:var(--naitou);font-family:"Bradley Hand","Comic Sans MS",cursive;margin-top:2rem}
.zel a{color:var(--brot);text-decoration-style:wavy}
.datrel>footer{display:flex;gap:1rem;color:var(--brot);font-family:"Bradley Hand","Comic Sans MS",cursive}
.naibri-gukoun{display:flex;gap:3rem;align-items:center;max-width:840px;margin:auto;padding:4rem;background:var(--staigour-fe);box-shadow:5px 7px 20px rgba(69,60,44,.12);transform:rotate(.25deg)}
.hiclel{font-size:8rem;color:var(--naitou);transform:rotate(-15deg)}
.naibri-gukoun h1{color:var(--naitou);font-size:4rem;margin:.4rem 0}
.naibri-gukoun section>p,.naibri-gukoun>aside{color:var(--brot);font-family:"Bradley Hand","Comic Sans MS",cursive}
.naibri-gukoun>aside{align-self:flex-start;padding:1rem;background:#ece1b2;transform:rotate(4deg)}
.praivu-sa{position:relative;max-width:580px;margin:10vh auto;padding:4rem;text-align:center;background:var(--staigour-fe);box-shadow:5px 7px 20px rgba(69,60,44,.15);transform:rotate(-1deg)}
.praivu-sa>b{font-size:7rem;color:var(--dain)}
.praivu-sa h1{color:var(--naitou)}
.praivu-sa a{color:var(--brot)}
.gux{max-width:1010px;margin:auto;padding:2rem;display:flex;gap:1rem;align-items:center;border-top:2px solid var(--brot);color:var(--brot)}
@media(max-width:700px){.houtur-tras{align-items:flex-start;padding:1rem}
.houtur-tras nav{display:grid;gap:.35rem}
.vabraim{padding:2rem 1rem 4rem}
.prot-kekux{align-items:flex-start}
.zos{width:100%;padding:2rem 1.3rem}
.datrel{padding:3rem 1.3rem 4rem 3.3rem}
.datrel:before{left:2.3rem}
.locox-zal{display:none}
.naibri-gukoun{display:block;padding:2rem}
.hiclel{font-size:4rem}
}
img,svg,video,iframe{max-width:100%}
.clo-frai,.clo-frai span,.prot-kekux>div,.zos,.roloun article>div,.datrel,.datrel>header,.naibri-gukoun>*{min-width:0}
.clo-frai{flex:1}
.clo-frai strong{max-width:min(58vw,38rem);overflow-wrap:anywhere;line-height:1.08}
.houtur-tras nav{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;row-gap:.55rem}
.prot-kekux h1,.zos h2,.sa-trofraim h1,.roloun h2,.datrel h1,.naibri-gukoun h1,.praivu-sa h1{overflow-wrap:anywhere;word-break:normal}
.zos footer,.datrel>footer{flex-wrap:wrap}
.zos footer a{white-space:normal;text-align:right}
.zel{overflow-wrap:anywhere}
.zel pre{max-width:100%;overflow:auto;padding:1rem;background:rgba(127,100,61,.08)}
.zel table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap}
.zel th,.zel td{padding:.5rem;border:1px solid var(--covos)}
.gux p{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.houtur-tras{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:.5rem}
.clo-frai strong{max-width:none;font-size:clamp(1.2rem,6vw,1.5rem)}
.houtur-tras nav{display:flex;justify-content:flex-start;gap:.45rem 1.2rem;width:100%;border-top:1px dashed var(--dain);padding-top:.75rem}
.vabraim{padding:1.5rem .75rem 3.5rem}
.prot-kekux{flex-direction:column;gap:1.25rem;margin-bottom:3rem}
.nepai{width:78px;height:86px}
.nepai b{font-size:2.35rem}
.prot-kekux h1{font-size:clamp(2.5rem,12vw,4.25rem);line-height:.96;letter-spacing:-.035em}
.prot-kekux em{display:block;line-height:1.5}
.zos{padding:1.8rem 1.1rem}
.zos h2{font-size:clamp(1.6rem,8vw,2rem);line-height:1.05}
.zos footer a{width:100%;margin-left:0;text-align:left}
.nocle{margin-left:.5rem}
.sa-trofraim>header{align-items:flex-start;gap:.75rem}
.sa-trofraim>header>span{font-size:2.6rem}
.sa-trofraim h1{font-size:clamp(2.6rem,14vw,4rem);line-height:.95}
.roloun{margin-left:.45rem;padding-left:1rem}
.roloun article{gap:.75rem}
.roloun time{width:52px;height:58px}
.roloun h2{font-size:1.35rem;line-height:1.08}
.roloun p{font-size:.95rem}
.datrel{padding:2.6rem .9rem 3.5rem 2.2rem}
.datrel:before{left:1.5rem}
.datrel h1{font-size:clamp(2.15rem,9.5vw,3.5rem);line-height:.98}
.zel{font-size:1rem;line-height:1.85}
.naibri-gukoun{padding:1.5rem}
.naibri-gukoun h1{font-size:clamp(2.5rem,13vw,4rem)}
.praivu-sa{margin:8vh auto;padding:3rem 1.15rem}
.praivu-sa>b{font-size:5rem}
.gux{padding:1.5rem .9rem}
}
.naibri-gukoun>section{flex:1 1 0;min-width:0}
.naibri-gukoun>aside{flex:0 1 13rem}