/* Gospina Krunica · potpuno samostalna statička web-stranica */
:root {color-scheme:light;--ink:#1b3432;--muted:#58716c;--teal:#275d58;--teal-deep:#153d39;--gold:#ba9155;--cream:#faf8f3;--paper:#fffefb;--line:#e5e9e2;--faint:#ecf3ee;--shadow:0 18px 55px rgba(23,57,51,.08);--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.65}a{color:var(--teal)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #b77c1d;outline-offset:3px}img{max-width:100%;height:auto}p{margin:.5em 0 1em}.container{max-width:1210px;margin:auto;padding:0 25px}.site-header{background:#fffefa;border-bottom:1px solid #e9e7df;position:relative;z-index:10}.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.37rem;font-weight:bold;line-height:1.12}.brand svg{flex:0 0 43px}.brand small{display:block;font:500 .67rem var(--sans);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:5px}.topnav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.topnav a{font-size:.87rem;text-decoration:none;color:#3d5753;padding:8px 11px;border-radius:25px}.topnav a:hover,.topnav a.active{background:#e8f0eb;color:#1c504a}.topnav .nav-cta{background:var(--teal);color:white!important;padding:9px 15px}.mobile-menu{display:none;background:var(--faint);border:1px solid var(--line);border-radius:10px;padding:7px 12px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:.71rem;font-weight:750;color:#926f3b}.hero{padding:68px 0 54px;background:radial-gradient(ellipse at 95% 40%,#e8f2e7 0%,transparent 40%),linear-gradient(115deg,#fffefa,#f7f5ef)}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.hero h1{font:normal clamp(2.8rem,5.1vw,5.3rem)/1.11 var(--serif);letter-spacing:-.045em;margin:17px 0 22px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-lead{color:#4a635c;max-width:550px;font-size:1.08rem}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{border-radius:11px;padding:12px 20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--teal);font-weight:700}.primary{background:var(--teal);color:white}.primary:hover{background:var(--teal-deep)}.secondary{background:white;color:var(--teal)}.secondary:hover{background:#eef5f0}.hero-art{min-height:370px;display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-2deg);position:relative}.hero-art img{height:100%;width:100%;object-fit:cover;border-radius:22px;border:8px solid white;box-shadow:var(--shadow)}.hero-art img:first-child{margin-top:18px;max-height:320px}.hero-art img:last-child{margin-bottom:18px;max-height:320px}.hero-icon{position:absolute;left:calc(50% - 42px);top:calc(50% - 42px);width:84px;height:84px;background:white;border:1px solid #e8dfc7;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 20px #153d3929;z-index:1;color:var(--gold);font:2.5rem var(--serif)}.section{padding:55px 0}.section-heading{max-width:750px;margin-bottom:23px}.section-heading h2{font:normal clamp(2rem,3.4vw,3rem)/1.18 var(--serif);margin:6px 0 11px}.section-heading p{color:var(--muted)}.today-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#edf3ed;border:1px solid #dfe8de;border-radius:16px;padding:16px 21px;margin:3px 0 26px}.today-banner p{margin:1px 0;font-size:.9rem;color:#50655a}.today-banner strong{font-family:var(--serif);font-size:1.2rem}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.day-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);min-height:192px;background:var(--paper);border:1px solid #e3e9e2;border-radius:19px;padding:21px 21px 19px;transition:transform .2s,box-shadow .2s}.day-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bed3c7}.day-card.is-today{border:2px solid var(--gold);padding:20px}.day-top{display:flex;align-items:center;justify-content:space-between}.day-icon{width:43px;height:43px;background:#eef3ef;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-family:var(--serif);font-size:1.7rem}.today-chip{font-size:.67rem;color:#8e6a35;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.day-name{font:normal 1.52rem var(--serif);margin-top:17px}.day-kind{color:var(--muted);font-size:.88rem}.day-action{color:var(--teal);font-size:.78rem;font-weight:700;margin-top:auto;padding-top:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:25px;border:1px solid var(--line);border-radius:17px;background:white}.feature h3{font:1.32rem var(--serif);margin:9px 0 6px}.feature p{font-size:.9rem;color:var(--muted)}.feature svg{color:#b58e57}.mini-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mini-gallery a{text-decoration:none;color:var(--ink);border-radius:16px;background:white;border:1px solid var(--line);overflow:hidden}.mini-gallery img{width:100%;aspect-ratio:1.5;object-fit:cover}.mini-gallery strong{display:block;padding:9px 14px;font:1rem var(--serif)}.footer{background:#153b37;color:#f1f1e8;padding:34px 0;font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer p{margin:0;color:#d0e0d9}.footer a{color:#e7d4aa}.bread{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 14px;font-size:.84rem;color:#6c8178}.bread a{text-decoration:none}.prayer-intro{padding:19px 0 10px}.prayer-intro h1{font:normal clamp(2rem,3.6vw,3.3rem)/1.13 var(--serif);margin:9px 0 7px}.prayer-intro p{color:var(--muted);max-width:850px}.days-pills{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 23px}.days-pills a{text-decoration:none;padding:7px 12px;border-radius:9px;border:1px solid #d8e4db;background:white;font-size:.83rem;color:#426158}.days-pills a.active{background:var(--teal);color:white;border-color:var(--teal)}.prayer-layout{display:grid;grid-template-columns:minmax(345px,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;padding-bottom:40px}.panel{background:white;border:1px solid var(--line);border-radius:23px;box-shadow:0 7px 30px rgba(28,57,49,.035);overflow:hidden}.panel-header{padding:22px 25px 14px}.panel-header h2{font:normal 1.5rem var(--serif);margin:0}.panel-header p{font-size:.85rem;color:var(--muted);margin:6px 0 0}.rosary-panel{position:sticky;top:12px}.rosary-svg-wrap{padding:4px 8px;display:grid;place-items:center}.rosary-svg-wrap svg{width:100%;max-width:458px;height:auto;display:block;overflow:visible;touch-action:manipulation}.string-ring{fill:none;stroke:#a48a66;stroke-width:2.5;opacity:.62}.bead{stroke:#56736a;stroke-width:1.8;fill:#fcf8ee;cursor:pointer;transition:fill .15s,stroke-width .15s;pointer-events:auto}.bead.big{fill:#ecd9aa;stroke:#9a773e}.bead.done{fill:#45877b;stroke:#2c7668}.bead.current{fill:#d7a854;stroke:#8c6526;stroke-width:3.5;filter:drop-shadow(0 1px 6px #b89148bb)}.bead:hover{stroke:#af853b;stroke-width:3}.cross-button{cursor:pointer}.cross-button .cross{fill:#bd9657;stroke:#6e5a3a;stroke-width:2}.cross-button.done .cross{fill:#438679}.cross-button.current .cross{fill:#eac36c;stroke-width:3}.cross-button:focus-visible{outline:none;filter:drop-shadow(0 0 8px orange)}.bead-label{font:600 13px var(--sans);fill:#688078;pointer-events:none}.rosary-caption{text-align:center;color:#70847b;font-size:.78rem;margin:-13px 0 15px}.bar-track{height:10px;background:#e7eeea;border-radius:22px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#397f72,#c49f60);width:0;transition:width .3s}.progress-area{padding:0 25px 21px}.progress-text{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin-bottom:8px}.decade-list{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 0}.decade-chip{flex:1;min-width:53px;padding:8px 3px;background:#f6f8f5;border:1px solid #dfe7dc;border-radius:9px;color:#596b64;font-size:.83rem;font-weight:700}.decade-chip[aria-current=true]{background:#e8f3ed;color:var(--teal);border-color:#87b2a4}.decade-chip.is-done{background:#d7eee4;color:#236457}.panel-bottom{padding:18px 25px 21px;border-top:1px solid var(--line)}.option-line{display:flex;align-items:start;gap:10px;color:#44625a;font-size:.84rem}.option-line input{accent-color:#2b7366;width:18px;height:18px;margin-top:2px}.small-muted{font-size:.77rem;color:#6f817b}.steps-card{padding:0}.current-mystery{display:grid;grid-template-columns:145px 1fr;gap:17px;align-items:center;background:linear-gradient(100deg,#eef4ef,#fffdf8);padding:17px;border-bottom:1px solid var(--line)}.current-mystery img{height:132px;width:145px;object-fit:cover;border-radius:12px}.current-mystery h2{font:normal 1.25rem/1.25 var(--serif);margin:5px 0}.current-mystery p{font-size:.83rem;color:var(--muted);margin:0}.mystery-ref{font-weight:800;letter-spacing:.07em;font-size:.68rem;text-transform:uppercase;color:#7d875b}.current-mystery .imagehide{display:none}.prayer-box{padding:22px 28px 18px;min-height:315px}.step-overline{color:#9a753e;text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.13em}.prayer-box h2{font:normal 2.05rem var(--serif);margin:8px 0 18px}.prayer-text{font:normal 1.21rem/1.85 var(--serif);white-space:pre-line;word-break:normal}.prayer-text .insert{color:#247368;font-style:italic}.instruction{color:#586c66;font-size:.88rem;background:#f5f7f3;border-left:3px solid #c5aa7b;padding:10px 14px;border-radius:0 9px 9px 0;margin-top:14px}.controls{padding:18px 26px 25px;border-top:1px solid var(--line);display:flex;gap:11px;align-items:center;justify-content:space-between;flex-wrap:wrap}.controls button{min-height:44px}.controls .primary{flex:1}.controls .secondary{min-width:130px}.reset-link{margin-left:auto;background:none;border:0;color:#77867f;text-decoration:underline;font-size:.79rem;padding:7px}.reset-link:hover{color:#9a4c4c}.reflection{padding:20px 25px 24px;border-top:1px solid var(--line)}.reflection details{background:#f8faf6;border:1px solid #e0e7df;border-radius:12px;padding:13px 16px}.reflection summary{font-weight:700;color:var(--teal);cursor:pointer}.reflection p{color:#465d56;font-size:.88rem}.reference-note{font-size:.79rem;color:#6f8179}.quick-guide{padding:22px 25px;border-top:1px solid var(--line)}.quick-guide summary{font-weight:750;cursor:pointer;color:#285b53}.quick-guide article{padding-top:14px;font-size:.85rem;color:#536961}.quick-guide h3{font:1.16rem var(--serif);margin:15px 0 6px;color:var(--ink)}.quick-guide p{margin:0 0 11px}.inline-link{font-size:.85rem}.completemsg{background:#e6f4e9;border:1px solid #bed8c7;padding:12px 16px;border-radius:12px;color:#1e644b;font-weight:700;margin-bottom:15px}.skiplink{position:absolute;top:-200px;left:12px;padding:10px;background:white;z-index:100}.skiplink:focus{top:10px}.mobile-hint{display:none}.print-only{display:none}
@media(max-width:980px){.day-grid{grid-template-columns:repeat(3,1fr)}.hero-layout{gap:26px}.prayer-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px}.prayer-box{padding:18px}.current-mystery{grid-template-columns:100px 1fr;gap:10px}.current-mystery img{width:100px;height:108px}.prayer-text{font-size:1.08rem}.panel-header{padding:17px}.progress-area{padding:0 17px 17px}.panel-bottom{padding:14px 17px}.current-mystery h2{font-size:1.08rem}}
@media(max-width:700px){.container{padding:0 16px}.head-inner{min-height:68px}.brand{font-size:1.17rem}.brand svg{width:34px}.mobile-menu{display:block}.topnav{display:none;position:absolute;left:0;right:0;top:68px;padding:10px 16px 18px;background:white;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #153d3920;flex-direction:column;align-items:stretch}.topnav.open{display:flex}.topnav a{padding:11px 13px}.hero{padding:42px 0}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(2.6rem,11vw,4.5rem)}.hero-art{max-width:440px;min-height:215px;gap:10px;margin:auto}.hero-art img{max-height:240px!important}.hero-icon{width:60px;height:60px;top:calc(50% - 30px);left:calc(50% - 30px);font-size:1.8rem}.day-grid{grid-template-columns:repeat(2,1fr);gap:10px}.day-card{padding:15px;min-height:175px}.day-card.is-today{padding:14px}.day-name{font-size:1.3rem}.features{grid-template-columns:1fr;gap:10px}.mini-gallery{grid-template-columns:repeat(2,1fr)}.today-banner{align-items:start;flex-direction:column}.section{padding:38px 0}.prayer-layout{grid-template-columns:1fr;gap:14px}.rosary-panel{position:static}.rosary-svg-wrap svg{max-width:360px}.panel-header h2{font-size:1.4rem}.current-mystery{grid-template-columns:110px 1fr}.current-mystery img{width:110px;height:116px}.prayer-box{min-height:250px}.prayer-box h2{font-size:1.85rem}.prayer-text{font-size:1.17rem}.mobile-hint{display:block}.controls{padding:16px;gap:8px}.controls .secondary{min-width:100px}.controls .primary{flex:auto;min-width:155px}.footer-inner{align-items:start}.reflection{padding:18px}.quick-guide{padding:18px}}
@media(max-width:380px){.day-grid{grid-template-columns:1fr}.day-card{min-height:132px}.day-name{margin-top:10px}.prayer-text{font-size:1.07rem}.current-mystery img{width:88px;height:100px}.current-mystery{grid-template-columns:88px 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.buttons,.days-pills,.rosary-panel,.controls,.quick-guide,.reflection,.footer{display:none!important}.prayer-layout{display:block}.current-mystery{border:0}.prayer-box{min-height:0}.panel{border:0;box-shadow:none}.prayer-text{font-size:15pt}}

/* V2 – fizički oblik krunice, slikovni medaljoni i izbor dodatnih pobožnosti */
.extra-section{background:linear-gradient(180deg,#eef6f1,#f8f6ec)}.extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.extra-card{display:flex;align-items:center;gap:16px;text-decoration:none;color:#153a33;background:white;border:1px solid #d5e3da;border-radius:18px;padding:22px;box-shadow:0 7px 24px #163f3a0b;transition:transform .2s,box-shadow .2s}.extra-card:hover,.extra-card:focus-visible{transform:translateY(-3px);box-shadow:0 10px 28px #163f3a22}.extra-card img{border-radius:50%;flex:none;width:72px;height:72px}.extra-card strong{font-size:1.01rem;display:block;margin-bottom:7px}.extra-card small{display:block;color:#587268;margin-bottom:7px}.extra-action{color:#8b6b37;font-size:.82rem;font-weight:700}.variant-note{font-size:.88rem;color:#526a60;margin-top:18px}.extra-pills{flex-wrap:wrap}.extra-pills a{font-size:.84rem}.brand-orb{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:2px solid #caa469;color:#a7834d;font-size:25px}.string-ring{stroke:none;fill:none}.chain-rosary{fill:none;stroke:#b9a47a;stroke-width:4.8;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.chain-inner{fill:none;stroke:#f3e8cb;stroke-width:1.2;stroke-linecap:round;opacity:.8}.bead{fill:url(#wood);stroke:#866841;stroke-width:1.7;filter:url(#beadshade)}.bead.big{fill:url(#gold);stroke:#956f3b;stroke-width:2.3}.bead.done{fill:#3a8b71;stroke:#23654e;filter:none}.bead.current{fill:#ffd36f;stroke:#945a12;stroke-width:3;filter:url(#focusshine)}.bead-mark g{cursor:pointer}.bead-group{cursor:pointer}.bead-group:hover .bead:not(.current){stroke:#6c855e;stroke-width:2.8}.bead-group:focus-visible{outline:none}.bead-group:focus-visible .bead{stroke:#256c61;stroke-width:3}.bead-group.current>.halo-now{opacity:1}.bead-group.done .portrait-frame{stroke:#2b9a78;stroke-width:3.1}.bead-group.current .portrait-frame{stroke:#ffc54e;stroke-width:4}.bead-group .portrait-frame{fill:none;stroke:#87643a;stroke-width:2.4;pointer-events:none}.bead-group .bead-hit{fill:transparent;pointer-events:all}.bead-group .portrait{pointer-events:none}.bead-group .halo-now{fill:none;stroke:#e8a633;stroke-width:3;opacity:0;pointer-events:none}.bead-group.done .bead:not(.big){fill:#3d8a73}.cross-button{cursor:pointer}.cross-button.current .cross-gold{stroke:#f9ca65;stroke-width:4}.cross-button.current .halo-now{opacity:1}.rosary-svg-wrap svg{width:100%;height:auto;max-height:670px;display:block;margin:auto;overflow:visible;touch-action:pan-y}.rosary-svg-wrap{padding:4px 0 10px}.legend-done{color:#39866c}.legend-now{color:#e0a12c}.legend-pending{color:#ac8859}.source-note{font-size:.82rem;color:#587068}.site-footer a{color:#d4d9b3}.prayer-text{white-space:pre-line}.special-intro-icon{width:110px;height:110px;object-fit:contain;background:#f8f0e0;border-radius:17px;padding:10px}.mystery-ref{letter-spacing:.04em}.extra-pills .active{background:#235b51!important;color:white!important}
@media(max-width:700px){.extra-grid{grid-template-columns:1fr}.extra-card{padding:16px}.extra-card img{width:60px;height:60px}.rosary-svg-wrap{padding:0}.rosary-svg-wrap svg{max-height:none}}
.cross-button .halo-now{fill:none;stroke:#e8a633;stroke-width:3;opacity:0;pointer-events:none}.cross-button .bead-hit{fill:transparent;pointer-events:all}.cross-button.done .cross-gold{fill:#65a18b;stroke:#28765d}

.bead-group:focus,.cross-button:focus{outline:none}.quick-mobile-nav{display:none}
@media(max-width:800px){body:has(.quick-mobile-nav){padding-bottom:65px}.quick-mobile-nav{position:fixed;z-index:200;bottom:0;left:0;right:0;display:grid;grid-template-columns:48px minmax(0,1fr) 116px;align-items:center;gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));color:#f9f9ee;background:#1d5149;box-shadow:0 -5px 22px #162f2c33}.quick-mobile-nav button{border-radius:10px;background:#eecb88;color:#234e46;border:0;font-size:1rem;font-weight:750;min-height:42px;cursor:pointer}.quick-mobile-nav button:disabled{opacity:.45}.quick-mobile-nav span{font-size:.8rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;font-weight:600}}