:root{--ink:#41250f;--orange:#b74b0b;--cream:#fff1d4}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f2e2c2;font:18px/1.5 Georgia,'Times New Roman',serif}a{color:inherit}.site-shell{max-width:1440px;margin:auto;box-shadow:0 0 45px #37210e30}.scene{position:relative;aspect-ratio:1214/660;container-type:inline-size;background:url('forest-scene.png') center top/100% auto no-repeat;background-color:#d0dbc5}.wood-header{position:absolute;top:4.4%;left:25%;width:53%;text-align:center;line-height:1.05}.wood-brand{font:bold 4.2cqw/1.03 Georgia,serif;letter-spacing:-.2cqw;text-decoration:none;color:#321804;white-space:nowrap}.wood-brand>span:first-child{display:inline-block;font-size:5cqw;filter:sepia(1) saturate(3);vertical-align:middle}.wood-brand .hu{color:#b74d16}.wood-header p{margin:.2cqw 0 0;font:bold 2cqw/1.3 Georgia,serif}.murmur-panel{position:absolute;left:34%;top:29.5%;width:56.5%;min-height:66%;padding:1.3cqw 2.8cqw 1.7cqw;text-align:center;z-index:1}.murmur-panel h1{margin:0 0 .5cqw;font:bold 3.7cqw/1.2 Georgia,serif;letter-spacing:-.05cqw}.intro-copy{font:1.55cqw/1.35 Georgia,serif;margin:0 0 1.3cqw}.writing-area{position:relative}textarea{display:block;width:100%;height:11.5cqw;resize:vertical;min-height:9cqw;max-height:15cqw;border:.14cqw solid #b29a79;border-radius:.8cqw;background:#fffcf2cc;padding:1.2cqw 1.3cqw 2.5cqw;color:#41250f;font:1.55cqw/1.5 Arial,sans-serif}textarea::placeholder{color:#8d8a7f}.counter{position:absolute;bottom:.5cqw;right:1cqw;color:#5e5a4f;font:1.15cqw/1.4 Arial,sans-serif;pointer-events:none}.submit-row{display:flex;align-items:center;justify-content:center;gap:1.3cqw;margin:1.1cqw 0}.murmur-button{display:flex;align-items:center;justify-content:center;gap:1.1cqw;background:#bb4c0b;background-image:linear-gradient(110deg,#ce580d,#b44308);color:#fff0cf;border:0;border-radius:1.5cqw 1.7cqw 1.2cqw 1.1cqw;padding:1cqw 2.5cqw;font:bold 2.6cqw/1.1 Georgia,serif;box-shadow:0 .3cqw 0 #91380a;cursor:pointer;transform:rotate(-.3deg)}.murmur-button svg{width:3cqw;height:3cqw}.murmur-button:hover{filter:brightness(1.09)}.rays{width:2.1cqw;color:#b8490c;font:bold 1.4cqw/1 Georgia;word-spacing:1cqw}.trust-row{display:flex;justify-content:space-between;align-items:center;font:1.3cqw/1.4 Georgia,serif;margin-top:1.4cqw;gap:.5cqw}.trust-row b{font-size:2.2cqw;margin-right:.5cqw}.wood-note{position:absolute;right:.8%;top:49%;width:9.5%;text-align:center;font:bold 1.45cqw/1.4 Georgia,serif;transform:rotate(-2deg)}.feed{position:relative;padding:30px 6.8% 65px;background:#f5e4c3;background-image:radial-gradient(#99784116 .6px,transparent .8px),linear-gradient(115deg,#faecd1,#f5e2bb 50%,#f9e9cd);background-size:5px 5px,100% 100%;min-height:330px}.feed h2{text-align:center;font:bold clamp(28px,3.7vw,47px)/1.2 Georgia,serif;margin:0 0 7px;letter-spacing:-1px}.title-stroke{width:85px;height:4px;background:#b74e15;border-radius:80%;transform:rotate(-2deg);margin:0 auto 18px}.moderation-note{text-align:center;font:12px/1.5 Arial,sans-serif;color:#7b664b;margin:0 auto 24px;max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{position:relative;background:#fff0d3;padding:25px 22px 15px 53px;border-radius:23px 25px 21px 7px;box-shadow:0 5px 12px #7d603d24;overflow-wrap:anywhere;transform:rotate(-.8deg);border:1px solid #e6d4ae66}.card:nth-child(3n+2){background:#e4ebec;transform:rotate(.5deg);border-radius:27px 19px 23px 5px}.card:nth-child(3n){background:#ffedbd;transform:rotate(-.3deg)}.card:nth-child(4n){background:#e8e7cf}.card:after{content:'';position:absolute;bottom:0;left:-7px;width:25px;height:15px;background:inherit;border-radius:2px 0 10px 1px;transform:skew(-25deg)}.quote{position:absolute;top:15px;left:18px;color:#b57935;font:bold 53px/1 Georgia}.card p{font:18px/1.5 'Trebuchet MS',Arial,sans-serif;color:#2e2d27;margin:0 0 18px}.card-foot{display:flex;justify-content:flex-end;gap:12px;align-items:center;color:#9b886e;font:12px/1.3 Arial,sans-serif}.card-foot span{filter:sepia(1);opacity:.5;font-size:18px}.empty{grid-column:1/-1;max-width:650px;margin:auto;width:100%;text-align:center}.forest-footer{min-height:205px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:100px 5.5% 22px;color:#e3d0b0;background:#483322;position:relative;isolation:isolate;overflow:hidden}.forest-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:url('forest-scene.png') center bottom/100% auto no-repeat;opacity:.95}.footer-brand{font:bold 24px/1.3 'Trebuchet MS',Arial,sans-serif;text-decoration:none}.footer-brand span{color:#eeae54}.forest-footer p{margin:3px 0 0;font:12px/1.5 Arial,sans-serif}.forest-footer nav{display:flex;gap:20px;font:12px/1.5 Arial,sans-serif}.forest-footer nav a{text-decoration:none}.forest-footer nav a:hover{text-decoration:underline}.trap,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notice{background:#ffe0b8;border:1px solid #bf712e;border-radius:8px;padding:10px 14px;margin:8px 0;font:14px/1.4 Arial,sans-serif;text-align:left}.success{background:#ecf0d8;border-color:#879564}.scene:has(.notice){margin-bottom:85px}.scene:has(.notice) .murmur-panel{background:#fff0d3;border:2px solid #65482d;border-radius:24px;box-shadow:0 7px 15px #39261425}.murmur-panel textarea:focus,input:focus{outline:3px solid #c57432;outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #bd651e;outline-offset:5px}
/* A moderáció és a tájékoztató egyszerű, olvasható felülete. */
body:not(.forest-page)>header,body:not(.forest-page)>main{max-width:950px;margin:0 auto;padding:25px}body:not(.forest-page)>header{display:flex;justify-content:space-between}.brand{font-size:28px;font-weight:bold;text-decoration:none}.paper{background:#fff4db;padding:30px;border:1px solid #d8c3a1;border-radius:14px;margin-top:20px}body:not(.forest-page) h1{font-size:42px;line-height:1.15}body:not(.forest-page) button{border:0;border-radius:6px;background:#b94d10;color:#fff3dd;padding:12px 22px;font:bold 14px Arial;cursor:pointer}.secondary{margin:8px;background:#786249!important}.paper label{display:block;margin-bottom:10px}.paper input[type=password]{display:block;width:100%;padding:12px;margin-bottom:20px;border:1px solid #c5b18f;font-size:18px}body:not(.forest-page) .card{transform:none;margin:18px 0;padding:25px}
@media(min-width:1440px){.feed h2{font-size:47px}}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card p{font-size:16px}.forest-footer:before{background-size:auto 950px}.forest-footer{min-height:170px}}
@media(max-width:650px){.scene{aspect-ratio:auto;min-height:730px;background-size:auto 520px;background-position:27% top;container-type:normal}.wood-header{left:8%;width:84%;top:16px;background:#dbab68;border:3px solid #4b2c12;border-radius:18px;box-shadow:0 5px 0 #5b351a33;padding:8px}.wood-brand{font-size:clamp(25px,7vw,42px);letter-spacing:-1px}.wood-brand>span:first-child{font-size:30px}.wood-header p{font-size:14px;margin-top:4px}.murmur-panel{position:relative;left:auto;top:auto;width:auto;margin:0 16px;padding:24px 18px;background:#fff0d9f5;border:3px solid #65482d;border-radius:24px;box-shadow:0 6px 15px #39261425;transform:translateY(310px);min-height:390px}.murmur-panel h1{font-size:29px;letter-spacing:-1px;margin:0 0 10px}.intro-copy{font-size:15px;line-height:1.4;margin-bottom:16px}.intro-copy br{display:none}textarea{height:135px;min-height:135px;max-height:280px;font-size:16px;padding:13px 13px 30px;border-width:1px;border-radius:8px}.counter{font-size:12px;bottom:7px;right:10px}.submit-row{gap:12px;margin:16px 0}.murmur-button{font-size:25px;padding:13px 25px;border-radius:18px;gap:12px;box-shadow:0 3px 0 #91380a}.murmur-button svg{width:30px;height:30px}.rays{font-size:16px;width:16px}.trust-row{font-size:11px;gap:8px;margin-top:16px}.trust-row b{display:block;font-size:22px;margin:0 0 4px}.wood-note{display:none}.feed{padding:30px 20px 50px}.feed h2{font-size:30px}.cards{grid-template-columns:1fr;gap:20px}.card p{font-size:18px}.forest-footer{display:block;padding:105px 22px 22px}.forest-footer nav{margin-top:18px}.scene:has(.notice){min-height:820px;margin-bottom:0}.moderation-note{font-size:11px}}

.paw-icon{width:1em;height:1em;vertical-align:middle}.wood-brand .paw-icon{width:5cqw;height:5cqw}.trust-row b img{width:2.6cqw;height:2.6cqw;vertical-align:middle}.card-foot .paw-icon{width:18px;height:18px}.footer-brand .paw-icon{width:30px;height:30px;filter:brightness(0) invert(.86) sepia(.25)}@media(max-width:650px){.wood-brand .paw-icon{width:32px;height:32px}.trust-row b img{width:25px;height:25px}}