:root{--zo-glocoul:#f7ead7;--los:#fffbf4;--bro-draifou:#1f553b;--darix:#84533b;--gukat-ratan:#dcb988;--tisket:#47372b;--voun_trel:rgba(132,83,59,.22)}
*{box-sizing:border-box}
body{margin:0;background:var(--zo-glocoul);color:var(--tisket);font-family:Georgia,"Times New Roman",serif;background-image:radial-gradient(rgba(132,83,59,.08) 1px,transparent 1px);background-size:7px 7px}
.bol-treglan{max-width:1090px;margin:1.5rem auto 0;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--darix)}
.staskais-paclax{display:flex;align-items:center;gap:.9rem;color:inherit;text-decoration:none}
.staskais-paclax span{display:grid}
.staskais-paclax small{color:var(--darix);font:italic .75rem Georgia,serif}
.staskais-paclax strong{color:var(--bro-draifou);font:700 1.5rem Georgia,serif}
.bol-treglan nav{display:flex;gap:1.6rem}
.bol-treglan nav a{color:var(--bro-draifou);font:700 .78rem Georgia,serif;text-decoration:none;border-bottom:1px dashed var(--darix)}
.skeplous-repras{max-width:1090px;margin:auto;padding:3rem 2rem 6rem}
.bakus{display:flex;gap:2rem;align-items:center;margin-bottom:4rem}
.pro-brax{width:100px;height:112px;flex:0 0 auto;display:grid;place-items:center;background:var(--bro-draifou);color:var(--los);transform:rotate(-3deg);box-shadow:5px 6px 0 var(--gukat-ratan)}
.pro-brax b{font-size:3rem;line-height:.8}
.pro-brax span{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}
.bakus p{color:var(--darix);font:italic 1rem "Bradley Hand","Comic Sans MS",cursive}
.bakus h1{color:var(--bro-draifou);font-size:clamp(3rem,8vw,6.5rem);line-height:.88;margin:.3rem 0;letter-spacing:-.05em}
.bakus em{color:var(--darix)}
.frai{display:flex;flex-direction:column;gap:2.2rem}
.pox{position:relative;width:min(760px,92%);padding:2.3rem 2.6rem;background:var(--los);box-shadow:4px 6px 18px rgba(71,55,43,.13);border-left:4px solid var(--gukat-ratan);transform:rotate(-.35deg)}
.pox:nth-child(even){align-self:flex-end;transform:rotate(.45deg)}
.ko{position:absolute;width:90px;height:26px;top:-13px;left:42%;background:rgba(220,185,136,.62);transform:rotate(-2deg)}
.pox time{color:var(--darix);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive}
.pox h2{font-size:2rem;margin:.7rem 0}
.pox h2 a{color:var(--bro-draifou);text-decoration:none}
.pox>p{font-size:1.05rem;line-height:1.65}
.pox footer{display:flex;gap:.7rem;align-items:center;color:var(--darix);font:.75rem "Bradley Hand","Comic Sans MS",cursive}
.pox footer a{margin-left:auto;color:var(--bro-draifou)}
.rubal{display:inline-block;margin:3rem 0 0 2rem;padding:.7rem 1.1rem;background:var(--darix);color:var(--los);text-decoration:none;transform:rotate(-1deg)}
.faplix>header{display:flex;align-items:end;gap:1.5rem;border-bottom:2px solid var(--darix);padding-bottom:1rem}
.faplix>header>span{font-size:4rem;color:var(--gukat-ratan)}
.faplix h1{color:var(--bro-draifou);font-size:4rem;margin:.2rem 0}
.faplix header p{color:var(--darix);margin:0}
.gaila{margin-left:2rem;border-left:2px dashed var(--gukat-ratan);padding:2rem 0 1rem 2.5rem}
.gaila article{display:flex;gap:1.5rem;margin-bottom:2.5rem}
.gaila time{width:60px;height:65px;flex:0 0 auto;display:grid;place-items:center;background:var(--los);border:1px solid var(--gukat-ratan);transform:rotate(-2deg)}
.gaila time b{font-size:1.7rem;color:var(--bro-draifou)}
.gaila time span{font-size:.7rem;color:var(--darix)}
.gaila h2{margin:.2rem 0}
.gaila h2 a{color:var(--bro-draifou)}
.gaila p{line-height:1.55}
.co-clel{position:relative;max-width:860px;margin:auto;padding:4rem 4rem 5rem 7rem;background:var(--los);box-shadow:6px 8px 24px rgba(71,55,43,.14);background-image:repeating-linear-gradient(transparent,transparent 31px,var(--voun_trel) 32px)}
.co-clel:before{content:"";position:absolute;left:5rem;top:0;bottom:0;border-left:2px solid rgba(132,83,59,.26)}
.co-clel>header{position:relative;z-index:1;background:var(--los);border-bottom:2px solid var(--bro-draifou);padding-bottom:1.5rem}
.co-clel header time,.co-clel header span{color:var(--darix);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive}
.co-clel h1{color:var(--bro-draifou);font-size:clamp(2.8rem,7vw,5.7rem);line-height:.9;margin:.8rem 0}
.pol-caidre{position:absolute;left:-3.5rem;top:13rem;width:130px;padding:1rem;background:#efd3b1;color:var(--darix);font:italic .8rem "Bradley Hand","Comic Sans MS",cursive;transform:rotate(-6deg)}
.mol{position:relative;font-size:1.08rem;line-height:2;padding-top:1.3rem}
.mol h2{color:var(--bro-draifou);font-family:"Bradley Hand","Comic Sans MS",cursive;margin-top:2rem}
.mol a{color:var(--darix);text-decoration-style:wavy}
.co-clel>footer{display:flex;gap:1rem;color:var(--darix);font-family:"Bradley Hand","Comic Sans MS",cursive}
.som{display:flex;gap:3rem;align-items:center;max-width:900px;margin:auto;padding:4rem;background:var(--los);box-shadow:5px 7px 20px rgba(71,55,43,.12);transform:rotate(.25deg)}
.filon-kihoun{font-size:8rem;color:var(--bro-draifou);transform:rotate(-15deg)}
.som h1{color:var(--bro-draifou);font-size:4rem;margin:.4rem 0}
.som section>p,.som>aside{color:var(--darix);font-family:"Bradley Hand","Comic Sans MS",cursive}
.som>aside{align-self:flex-start;padding:1rem;background:#efd3b1;transform:rotate(4deg)}
.buze-gluze{position:relative;max-width:580px;margin:10vh auto;padding:4rem;text-align:center;background:var(--los);box-shadow:5px 7px 20px rgba(71,55,43,.15);transform:rotate(-1deg)}
.buze-gluze>b{font-size:7rem;color:var(--gukat-ratan)}
.buze-gluze h1{color:var(--bro-draifou)}
.buze-gluze a{color:var(--darix)}
.cluzet{max-width:1090px;margin:auto;padding:2rem;display:flex;gap:1rem;align-items:center;border-top:2px solid var(--darix);color:var(--darix)}
@media(max-width:700px){.bol-treglan{align-items:flex-start;padding:1rem}
.bol-treglan nav{display:grid;gap:.35rem}
.skeplous-repras{padding:2rem 1rem 4rem}
.bakus{align-items:flex-start}
.pox{width:100%;padding:2rem 1.3rem}
.co-clel{padding:3rem 1.3rem 4rem 3.3rem}
.co-clel:before{left:2.3rem}
.pol-caidre{display:none}
.som{display:block;padding:2rem}
.filon-kihoun{font-size:4rem}
}
img,svg,video,iframe{max-width:100%}
.staskais-paclax,.staskais-paclax span,.bakus>div,.pox,.gaila article>div,.co-clel,.co-clel>header,.som>*{min-width:0}
.staskais-paclax{flex:1}
.staskais-paclax strong{max-width:min(58vw,38rem);overflow-wrap:anywhere;line-height:1.08}
.bol-treglan nav{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;row-gap:.55rem}
.bakus h1,.pox h2,.faplix h1,.gaila h2,.co-clel h1,.som h1,.buze-gluze h1{overflow-wrap:anywhere;word-break:normal}
.pox footer,.co-clel>footer{flex-wrap:wrap}
.pox footer a{white-space:normal;text-align:right}
.mol{overflow-wrap:anywhere}
.mol pre{max-width:100%;overflow:auto;padding:1rem;background:rgba(132,83,59,.08)}
.mol table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap}
.mol th,.mol td{padding:.5rem;border:1px solid var(--voun_trel)}
.cluzet p{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.bol-treglan{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:.5rem}
.staskais-paclax strong{max-width:none;font-size:clamp(1.2rem,6vw,1.5rem)}
.bol-treglan nav{display:flex;justify-content:flex-start;gap:.45rem 1.2rem;width:100%;border-top:1px dashed var(--gukat-ratan);padding-top:.75rem}
.skeplous-repras{padding:1.5rem .75rem 3.5rem}
.bakus{flex-direction:column;gap:1.25rem;margin-bottom:3rem}
.pro-brax{width:78px;height:86px}
.pro-brax b{font-size:2.35rem}
.bakus h1{font-size:clamp(2.5rem,12vw,4.25rem);line-height:.96;letter-spacing:-.035em}
.bakus em{display:block;line-height:1.5}
.pox{padding:1.8rem 1.1rem}
.pox h2{font-size:clamp(1.6rem,8vw,2rem);line-height:1.05}
.pox footer a{width:100%;margin-left:0;text-align:left}
.rubal{margin-left:.5rem}
.faplix>header{align-items:flex-start;gap:.75rem}
.faplix>header>span{font-size:2.6rem}
.faplix h1{font-size:clamp(2.6rem,14vw,4rem);line-height:.95}
.gaila{margin-left:.45rem;padding-left:1rem}
.gaila article{gap:.75rem}
.gaila time{width:52px;height:58px}
.gaila h2{font-size:1.35rem;line-height:1.08}
.gaila p{font-size:.95rem}
.co-clel{padding:2.6rem .9rem 3.5rem 2.2rem}
.co-clel:before{left:1.5rem}
.co-clel h1{font-size:clamp(2.15rem,9.5vw,3.5rem);line-height:.98}
.mol{font-size:1rem;line-height:1.85}
.som{padding:1.5rem}
.som h1{font-size:clamp(2.5rem,13vw,4rem)}
.buze-gluze{margin:8vh auto;padding:3rem 1.15rem}
.buze-gluze>b{font-size:5rem}
.cluzet{padding:1.5rem .9rem}
}
.som>section{flex:1 1 0;min-width:0}
.som>aside{flex:0 1 13rem}