/* LegalMind: klasična podoba pravne revije. Ena serifna družina, temno zelena, zlata samo v tankih črtah. */
:root{color-scheme:light;--bg:#F4EFE3;--paper:#F9F5EB;--white:#FDFAF2;--line:#D6CDB8;--ink:#1C211F;--mut:#474E4A;--cap:#5F665F;--green:#10302A;--gold:#B9975B;--gold-d:#6B5228;--deep:#0C1A17;--on-deep:#F4EFE3}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'EB Garamond',Georgia,'Times New Roman',serif;font-size:18px;line-height:1.55}
a{color:var(--green);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--gold-d)}
h1,h2,.ntitle,.tname,.num,.wordmark{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.sr{position:absolute;left:-9999px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:var(--white);padding:8px 12px;z-index:10}
.par{color:var(--gold-d);font-weight:600}

/* Zgornja vrstica in glava */
.topbar{border-bottom:1px solid var(--line);font-size:15px;font-style:italic;color:var(--cap)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.langs{display:flex;gap:16px;font-style:normal;font-size:13px;letter-spacing:.14em}.langs a{color:var(--cap);padding:8px 0;text-decoration:none}.langs a.on{color:var(--green);font-weight:600}
.head .wrap{display:flex;flex-direction:column;align-items:center}
.logo{display:flex;flex-direction:column;align-items:center;gap:0;padding:28px 0 24px;color:var(--green);text-decoration:none}.logo:hover{color:var(--green)}
.logo svg{width:92px;height:92px;flex:none}
.wordmark{font-weight:600;line-height:1;letter-spacing:.22em;text-transform:uppercase}
.logo .wordmark{font-size:38px;margin:16px 0 0;padding-left:.22em}
.logo .sub{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:17px;font-style:italic;color:var(--gold-d);line-height:1}
.logo .sub i{display:block;width:34px;height:1px;background:var(--gold)}
nav.main{align-self:stretch;display:flex;justify-content:center;gap:48px;border-top:3px double var(--green);border-bottom:1px solid var(--green)}
nav.main a{display:inline-flex;align-items:center;min-height:46px;font-size:14px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--green);text-decoration:none}
nav.main a:hover{color:var(--gold-d)}nav.main a.on{font-weight:600;box-shadow:inset 0 -2px 0 var(--gold)}

/* Uvod */
.hero{padding:56px 0 52px;text-align:center}
.hero .wrap{display:flex;flex-direction:column;align-items:center}
.eyebrow{font-size:13.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d);font-weight:500}
.hero h1{margin:16px 0 0;font-size:clamp(36px,4.8vw,56px);line-height:1.1;font-weight:600;color:var(--green);max-width:860px}
.hero h1::after,.bhead h2::after,h2.small::after,.pagehead h1::after{content:'';display:block;width:64px;height:1px;background:var(--gold);margin:22px auto 0}
.lead{font-size:22px;font-style:italic;line-height:1.5;color:var(--mut);max-width:660px;margin:20px 0 0}
.search{display:flex;width:100%;max-width:520px;margin-top:28px;border-bottom:1px solid var(--green)}
.search input{flex:1;min-width:0;height:46px;padding:0 4px;border:0;background:transparent;color:var(--ink);font:inherit;font-style:italic}
.search input:focus{outline:2px solid var(--gold);outline-offset:2px}
.search button{height:46px;padding:0 4px 0 16px;background:transparent;color:var(--green);border:0;font:inherit;font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.search button:hover{color:var(--gold-d)}

/* Razdelki */
.block{padding:52px 0;border-top:1px solid var(--line)}.block.alt{background:var(--paper)}
.bhead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:34px}
h2{margin:0;font-size:38px;font-weight:600;color:var(--green);line-height:1.15}h2.small{font-size:38px;margin-bottom:34px;text-align:center}
.bhead a{font-size:18px;font-style:italic;text-decoration:none}

/* Novice */
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}
.ncard{border-top:1px solid var(--green);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.ncard .meta{font-size:17px;font-style:italic;color:var(--gold-d)}
.ntitle{font-size:28px;line-height:1.16;font-weight:600;color:var(--green);text-decoration:none}.ntitle:hover{color:var(--gold-d)}
.ncard p{margin:0;color:var(--mut)}

/* Orodja */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.tcard{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px}
.cat{font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d)}
.tname{font-size:28px;line-height:1.15;font-weight:600;color:var(--green);text-decoration:none}.tname:hover{color:var(--gold-d)}
.tcard p,.trowcard p{margin:0;color:var(--mut)}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-block;font-size:13px;letter-spacing:.06em;padding:2px 9px;border:1px solid var(--line);color:var(--mut)}
.rule{height:1px;background:var(--line)}
.trow{display:flex;justify-content:space-between;gap:12px;font-size:17px;color:var(--mut)}.trow a{font-style:italic;text-decoration:none}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;text-align:center}
.how div{display:flex;flex-direction:column;gap:6px}.how strong{font-size:14px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.how p{margin:0;color:var(--mut)}
.num{font-size:32px;font-weight:600;color:var(--gold-d);line-height:1.1}

/* Naslovi podstrani */
.pagehead{padding:44px 0 30px;text-align:center}.pagehead .lead{margin-left:auto;margin-right:auto}
.pagehead h1,.page h1,.toolpage h1{margin:12px 0 0;font-size:clamp(36px,4.6vw,52px);font-weight:600;color:var(--green);line-height:1.12}
.crumb{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--cap)}.crumb a{color:var(--cap);text-decoration:none}.crumb a:hover{color:var(--gold-d)}
.empty{color:var(--mut);font-style:italic}

/* Imenik orodij */
.dir{display:grid;grid-template-columns:250px minmax(0,1fr);gap:52px;padding-bottom:64px}
.fhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--green);padding-bottom:8px;margin-bottom:14px}
.fhead strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:600;color:var(--green)}
#tq{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;font-style:italic}
.fg{border:0;border-bottom:1px solid var(--line);margin:0;padding:18px 0;display:flex;flex-direction:column;gap:4px}
.fg legend{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green);padding:0;margin-bottom:8px;float:left;width:100%}
.fg label{display:flex;align-items:center;gap:10px;min-height:32px;clear:both}
.fg input{width:18px;height:18px;accent-color:#10302A;margin:0}
.linkbtn{background:none;border:0;color:var(--green);font:inherit;font-style:italic;padding:8px 0;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.linkbtn:hover{color:var(--gold-d)}
.count{margin:0 0 16px;color:var(--mut);font-style:italic}
.trowcard{border-top:1px solid var(--green);padding:24px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) 200px 150px;gap:28px;align-items:start}
.thead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.trowcard .tname{font-size:32px}
.tmain{display:flex;flex-direction:column;gap:10px}
.tfacts{margin:0;padding-left:20px;border-left:1px solid var(--line);font-size:17px;display:flex;flex-direction:column;gap:4px}
dl div{display:flex;gap:8px;flex-wrap:wrap}dt{font-weight:600;color:var(--green)}dd{margin:0;color:var(--mut)}
.tact{display:flex;flex-direction:column;gap:8px}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 18px;background:#10302A;color:#F4EFE3;border:1px solid #10302A;font:inherit;font-size:13.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-radius:0;cursor:pointer}
.btn:hover{background:#0C1A17;color:#F4EFE3}
.btn.navy,.btn.ghost{background:transparent;color:var(--green);border-color:var(--green)}.btn.navy:hover,.btn.ghost:hover{background:var(--paper);color:var(--gold-d);border-color:var(--gold-d)}
.aff{font-size:15px;font-style:italic;color:var(--cap);text-align:center}

/* Članek */
.article{display:grid;grid-template-columns:minmax(0,700px) 250px;gap:76px;padding-top:44px;padding-bottom:72px;justify-content:center}
.article .crumb{text-align:center}
.article h1{margin:14px 0 0;font-size:clamp(38px,4.8vw,54px);line-height:1.08;font-weight:600;color:var(--green);text-align:center}
.byline{display:flex;justify-content:center;gap:6px 28px;flex-wrap:wrap;font-size:17px;font-style:italic;color:var(--mut);padding:12px 0;margin:26px 0;border-top:3px double var(--green);border-bottom:1px solid var(--green)}
.byline strong{color:var(--green);margin-right:4px;font-weight:500;font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.keybox{padding:4px 0 18px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.lbl{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}
.keybox ul{margin:10px 0 0;padding-left:22px;font-size:19px}.keybox li{margin-bottom:6px}
.prose{font-size:21px;line-height:1.62}
.prose h2{font-size:34px;margin:40px 0 12px}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}
.prose sup{font-size:13px;font-weight:600;line-height:0}
.article .prose h2:first-of-type+p::first-letter{float:left;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:4.1em;line-height:.8;padding:8px 10px 0 0;color:var(--green)}
.more{margin-top:52px;padding-top:28px;border-top:3px double var(--green)}.more h2{font-size:30px;margin-bottom:22px}.more .ntitle{font-size:23px}
.faq{margin-top:44px}.faq h2,.srcs h2{font-size:30px;margin-bottom:12px}
details{border-bottom:1px solid var(--line);padding:12px 0}summary{font-weight:600;color:var(--green);cursor:pointer;min-height:28px}details p{margin:10px 0 0;color:var(--mut)}
.srcs{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:17px}.srcs ol{padding-left:22px;color:var(--mut)}.srcs li{margin-bottom:6px;overflow-wrap:anywhere}
.disc{font-style:italic;color:var(--mut)}
.article aside{display:flex;flex-direction:column;gap:28px}
.side{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--green);font-size:17px}.side .lbl{color:var(--green)}.side a{text-decoration:none}
.rel{border:1px solid var(--line);background:var(--white);padding:14px;display:flex;flex-direction:column;gap:2px}.rel strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;color:var(--green)}.rel span{font-size:15px;font-style:italic;color:var(--mut)}
.page,.toolpage{padding-top:44px;padding-bottom:72px;max-width:780px}
.page h1,.page .crumb{text-align:center}.page h1{margin-bottom:30px}
.toolpage{max-width:1100px}.tp{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;margin:8px 0 32px}
.tp .lead{margin-bottom:20px}
.tbox{border-top:3px double var(--green);border-bottom:1px solid var(--green);padding:22px 0;display:flex;flex-direction:column;gap:14px;align-self:start}
.tbox dl{margin:0;display:flex;flex-direction:column;gap:12px;font-size:17px}.tbox dl div{flex-direction:column;gap:4px}

/* Noga */
.foot{background:var(--paper);color:var(--mut);border-top:3px double var(--green);padding:44px 0 32px;margin-top:24px;font-size:17px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:36px}
.fgrid div{display:flex;flex-direction:column;gap:6px}.fgrid h3{margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-d)}.fgrid p{margin:0}
.fgrid .flogo{flex-direction:row;align-items:center;gap:12px;color:var(--green);margin-bottom:6px}
.flogo svg{width:48px;height:48px;flex:none}.flogo .wordmark{font-size:21px}
.foot .linkbtn{font-style:normal}
.fnote{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:15.5px;color:var(--cap)}.fnote p{margin:0;max-width:800px}
.ainote{margin:14px 0 0;font-size:15px;font-style:italic;color:var(--cap)}

/* Piškotki */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:0 auto;background:var(--white);color:var(--ink);border:1px solid var(--green);box-shadow:0 0 0 4px var(--bg),0 0 0 5px var(--gold);padding:18px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;z-index:20}
.cookie[hidden]{display:none}.cookie p{margin:0;font-size:17px;flex:1;min-width:220px}.cookie div{display:flex;gap:8px}
.cookie .btn{background:transparent;color:var(--green);border-color:var(--green);min-width:110px}.cookie .btn:hover{background:var(--paper);color:var(--gold-d);border-color:var(--gold-d)}

@media (max-width:900px){.dir,.article,.tp{grid-template-columns:minmax(0,1fr)}.trowcard{grid-template-columns:minmax(0,1fr)}.tfacts{padding-left:0;border-left:0}.article{gap:32px}.topbar span{display:none}.topbar .wrap{justify-content:flex-end}nav.main{gap:26px}.hero{padding:38px 0 36px}.wrap{padding-left:16px;padding-right:16px}.logo{padding:22px 0 20px}.logo svg{width:72px;height:72px}.logo .wordmark{font-size:28px;letter-spacing:.18em;padding-left:.18em}.logo .sub{font-size:15px}nav.main a{font-size:13px;letter-spacing:.14em}h2,h2.small{font-size:32px}.prose{font-size:20px}}
