/*
Theme Name: Hupi Radionica
Version: 1.0.1
*/
:root{--ink:#182029;--paper:#f6f6ef;--green:#155d49;--acid:#c5f277;--line:#cbd0c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--green)}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #427a19;outline-offset:5px}.mast{max-width:1360px;margin:auto;padding:24px 48px 0}.brandline{display:flex;align-items:center;justify-content:space-between}.brandline img{width:112px;height:64px}.brandline p{font-family:monospace;font-size:12px;letter-spacing:.09em;margin:0}.mast nav{display:flex;gap:32px;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;margin-top:17px;font-size:14px;font-weight:bold}.mast nav>a{text-decoration:none}.mast form{margin-left:auto;display:flex}.mast input{border:0;background:transparent;width:180px;font-size:14px}.mast button{background:none;border:0;font-size:23px}.hero{max-width:1360px;padding:70px 48px 76px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.eyebrow{font:12px/1.5 monospace;letter-spacing:.1em;font-weight:bold;margin-bottom:18px}.hero h1{font-size:clamp(45px,4.8vw,76px);font-weight:700;margin-bottom:25px}.hero em{font-style:normal;color:var(--green)}.intro{max-width:480px;font-size:19px;line-height:1.55}.button{display:inline-flex;gap:45px;text-decoration:none;background:var(--ink);color:white;padding:13px 22px;margin-top:12px;font-weight:bold;font-size:14px}.button:hover{background:var(--green);color:white}.hero figure{margin:0;transform:rotate(-2deg)}.hero figure img{border:1px solid var(--ink);box-shadow:12px 12px 0 #d6ddd0}.hero figcaption{font-family:monospace;font-size:11px;text-align:right;letter-spacing:.07em;padding-top:25px}.reading{max-width:1264px;margin:auto;padding:36px 0 70px}.section-heading{border-top:3px solid var(--ink);padding-top:26px;display:flex;justify-content:space-between;gap:20px;align-items:baseline}.section-heading h2{font-size:30px}.section-heading p{font-size:14px}.guide-row{display:grid;grid-template-columns:65px 1fr 290px;gap:32px;border-bottom:1px solid var(--line);padding:36px 0}.number{font:32px monospace;color:var(--green);line-height:1}.guide-text{max-width:660px}.guide-text .eyebrow{margin-bottom:11px}.guide-text h3{font-size:31px;max-width:610px;margin:0 0 14px}.guide-text h3 a{text-decoration:none}.guide-text p{font-size:16px;margin-bottom:14px}.guide-row img{border-radius:3px}.read{font-size:13px;font-weight:bold}.closing{background:var(--acid);padding:52px max(48px,calc((100vw - 1264px)/2));}.closing h2{font-size:42px;margin-bottom:24px}.closing a{font-weight:bold;font-size:15px}.article-wrap{max-width:1150px;padding:55px 40px 90px;margin:auto}.article-title{max-width:900px;margin:0 auto 35px}.article-title h1{font-size:clamp(36px,4.3vw,62px);margin-bottom:20px}.article-meta{font-size:13px;color:#4c5658}.article-wrap>.article-art{max-height:440px;width:100%;object-fit:cover;margin:0 0 45px}.article-body{display:grid;grid-template-columns:180px minmax(0,740px);gap:50px}.article-rail{font-size:12px;display:flex;flex-direction:column;gap:35px;padding-top:10px}.article-rail span{font-family:monospace;color:#50605b;line-height:1.8}.prose{min-width:0;font-size:18px;line-height:1.85}.prose p{margin-bottom:1.35em}.prose h2{font-size:31px;margin:1.9em 0 .8em;line-height:1.18}.prose .lead{font-size:23px;line-height:1.55;color:var(--green);font-weight:600}.prose a{text-decoration-color:#61937f}.prose li{padding-left:5px;margin-bottom:10px}.prose pre{padding:22px;background:#182a29;color:#e4f8e5;max-width:100%;overflow:auto;font-size:13px;line-height:1.7}.prose code{font-family:Consolas,monospace}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;min-width:460px;font-size:14px;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#dbe5d4}caption{text-align:left;font-size:13px;margin-bottom:10px}.result{border-bottom:1px solid var(--line);padding:25px 0}.result h2{font-size:30px}.search-results{min-height:60vh;padding-top:65px}.search-results h1{font-size:42px}.contact-form label{display:block;font-weight:bold;font-size:15px;margin-top:23px}.contact-form input,.contact-form textarea{width:100%;padding:12px;background:white;border:1px solid #65766a}.contact-form button{margin-top:22px;background:var(--green);color:white;border:0;padding:14px 26px}.form-result{padding:20px;border-left:5px solid var(--green);background:#e2f0d9}.trap{position:absolute;left:-10000px}footer{background:#182a29;color:#f3f6ec;padding:40px max(48px,calc((100vw - 1264px)/2));display:grid;grid-template-columns:130px 1fr auto;gap:10px 25px;font-size:13px}footer strong{font-size:25px}footer div{display:flex;gap:24px}footer small{grid-column:2}footer a:hover{color:var(--acid)}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99999;padding:15px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1400px){.reading{margin-inline:48px}}
@media(max-width:800px){.mast{padding:18px 24px 0}.brandline p{max-width:170px;text-align:right;font-size:10px}.mast nav{gap:24px;flex-wrap:wrap}.mast form{flex:1;min-width:160px}.mast input{width:100%;min-width:100px}.hero{padding:44px 24px 48px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:54px}.hero figure{max-width:580px;width:94%;margin:0 auto}.reading{margin-inline:24px;padding-bottom:44px}.section-heading{display:block}.section-heading h2{font-size:28px}.guide-row{grid-template-columns:40px 1fr;gap:15px}.guide-row>a{grid-column:2;max-width:260px}.guide-text h3{font-size:27px}.number{font-size:24px}.closing{padding:38px 24px}.closing h2{font-size:34px}.article-wrap{padding:40px 24px 55px}.article-body{display:block}.article-rail{padding:0 0 25px}.article-rail span{display:none}.prose{font-size:17px}.prose .lead{font-size:21px}.prose h2{font-size:27px}.article-wrap>.article-art{margin-bottom:25px}footer{padding:35px 24px;display:block}footer div{margin:22px 0}.article-title h1{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}