/* Ricaora guide navigation: topic choices and a compact glass reading list. */
:root{--ink:#061a32;--muted:#64748b;--blue:#087bea;--line:rgba(44,89,120,.17);--surface:rgba(255,255,255,.64);--topic-blue:#e4f1fb;--topic-green:#e0f3ed;--topic-lilac:#e8edf6;--topic-sand:#e3f1f5;--ricaora-glass:linear-gradient(145deg,rgba(255,255,255,.54),rgba(235,247,255,.26));--ricaora-rim:rgba(255,255,255,.76);--ricaora-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(105,160,211,.09),0 18px 46px rgba(33,91,148,.12);color-scheme:light}
html[data-theme=dark]{--ink:#f5f9fc;--muted:#b7c8d7;--blue:#70ccff;--line:rgba(157,199,226,.14);--surface:rgba(28,59,81,.86);--topic-blue:#254a66;--topic-green:#264d50;--topic-lilac:#2c4963;--topic-sand:#284c60;--ricaora-glass:rgba(28,59,81,.86);--ricaora-rim:rgba(157,199,226,.14);--ricaora-shadow:inset 0 1px 0 rgba(210,235,252,.035),0 18px 42px rgba(3,15,27,.20);color-scheme:dark}
body.guide-hub{font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.015em;color:var(--muted);background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.48),transparent 65%),#eeeff1;background-attachment:fixed}
html[data-theme=dark] body.guide-hub{background:linear-gradient(180deg,#122f47 0%,#102a40 54%,#112c43 100%)}
h1,h2,h3,strong{color:var(--ink)}a{color:var(--blue)}.wrap{width:min(1020px,calc(100% - 40px))}.site-head{padding:12px 0;background:var(--surface);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:750;letter-spacing:.07em;color:var(--ink);text-decoration:none}.brand img{width:32px;height:32px}.nav{display:flex;align-items:center;gap:20px}.nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:650;text-decoration:none}.theme-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--surface);cursor:pointer}.theme-toggle svg{width:19px;height:19px}
.hero.menu-intro{padding:32px 0 24px}.menu-intro .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.menu-intro h1{font-size:clamp(1.85rem,4vw,2.8rem);line-height:1.1;letter-spacing:-.045em;margin:0 0 10px;font-weight:750}.menu-intro .lede{font-size:.95rem;line-height:1.5;margin:0}.hero-links{margin:0;flex-shrink:0}.hero-links .calculator-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;margin-top:0;padding:12px 19px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:linear-gradient(112deg,#087dff 0%,#06c4ed 54%,#18e58c 100%);box-shadow:0 5px 15px rgba(0,119,195,.12),inset 0 1px 0 rgba(255,255,255,.3);color:#fff;font-size:.85rem;font-weight:700;text-decoration:none}.calculator-cta:hover{filter:brightness(.95)}
.guide-filters.topic-navigation{display:block;margin:0 0 20px}.navigation-title{font-size:1rem;font-weight:650;margin:0 0 12px;letter-spacing:-.02em}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-choice{--tint:var(--topic-blue);display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;min-height:164px;padding:17px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--tint),color-mix(in srgb,var(--tint) 40%,var(--surface)));box-shadow:0 5px 14px rgba(33,64,90,.06),inset 0 1px 0 rgba(255,255,255,.55);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.topic-energia{--tint:var(--topic-green)}.topic-casa{--tint:var(--topic-lilac)}.topic-viaggio{--tint:var(--topic-sand)}.topic-illustration{display:block;width:82px;height:48px;margin:0 0 12px}.topic-illustration svg{display:block;width:100%;height:100%;overflow:visible}.topic-copy strong{display:block;font-size:1rem;line-height:1.2;margin-bottom:5px}.topic-copy>span{display:block;color:var(--muted);font-size:.72rem;line-height:1.4}.topic-arrow{position:absolute;right:17px;top:19px;font-size:21px;color:var(--blue)}.topic-choice:hover{transform:translateY(-2px);border-color:var(--blue)}.topic-choice[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue),0 5px 16px rgba(33,64,90,.08)}
.menu-switches{display:flex;gap:8px;margin-top:16px}.menu-switches button{font:600 .78rem system-ui;min-height:38px;border:1px solid transparent;padding:8px 14px;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}.menu-switches button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 2px 6px rgba(33,64,90,.04)}.menu-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}.guide-search{display:flex;align-items:center;gap:10px;min-height:46px;width:min(430px,100%);padding:0 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.guide-search svg{width:18px;height:18px;flex-shrink:0}.guide-search input{width:100%;min-width:0;padding:12px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.83rem}.guide-search input::placeholder{color:var(--muted)}.guide-count{margin:0;font-size:.75rem;white-space:nowrap}
.guide-menu-list{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 8px 24px rgba(33,64,90,.07),inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.menu-entry{display:flex;align-items:center;gap:16px;padding:20px 23px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);min-height:91px}.menu-entry:last-child{border-bottom:0}.menu-entry:hover{background:rgba(36,138,204,.07)}.entry-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:13px;background:var(--topic-blue);color:var(--blue)}.menu-entry[data-category=energia] .entry-icon{background:var(--topic-green)}.menu-entry[data-category=casa] .entry-icon{background:var(--topic-lilac)}.menu-entry[data-category=viaggio] .entry-icon{background:var(--topic-sand)}.entry-icon svg{width:20px;height:20px}.entry-copy{min-width:0;flex:1}.entry-meta{display:block;font-size:.68rem;color:var(--muted);margin-bottom:4px;line-height:1.4}.entry-copy h3{font-size:1rem;font-weight:650;line-height:1.35;letter-spacing:-.02em;margin:0}.entry-arrow{color:var(--blue);font-size:23px;flex-shrink:0}.note{font-size:.75rem;line-height:1.65;margin:24px 0;color:var(--muted)}.empty-guides{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.site-foot{background:var(--surface);border-top:1px solid var(--line);font-size:.75rem;padding:22px 0}.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}.skip-link{background:var(--surface);color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
[hidden],.topic-navigation[hidden],.guide-search[hidden],.menu-entry[hidden]{display:none!important}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-head .wrap{gap:9px}.nav{gap:14px}.brand{font-size:15px;gap:7px}.brand img{width:29px;height:29px}.nav a{font-size:12px}.theme-toggle{width:38px;height:38px}.hero.menu-intro{padding:24px 0 23px}.menu-intro .wrap{display:block}.menu-intro h1{font-size:1.85rem;margin-bottom:9px}.menu-intro .lede{font-size:.88rem}.hero-links{margin-top:17px}.hero-links .calculator-cta{font-size:.81rem;min-height:43px;padding:10px 17px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.topic-choice{padding:15px;min-height:143px;border-radius:19px}.topic-illustration{width:73px;height:43px;margin-bottom:10px}.topic-copy strong{font-size:.94rem}.topic-copy>span{font-size:.7rem}.topic-arrow{top:16px;right:15px}.navigation-title{font-size:.94rem}.guide-filters.topic-navigation{margin-bottom:15px}.menu-switches{margin-top:13px}.menu-list-head{gap:12px;flex-wrap:wrap}.guide-search{width:100%;min-height:45px}.guide-count{width:100%;font-size:.71rem}.guide-menu-list{border-radius:20px}.menu-entry{padding:17px 16px;gap:12px;min-height:86px}.entry-icon{width:34px;height:34px;border-radius:11px}.entry-icon svg{width:18px;height:18px}.entry-copy h3{font-size:.91rem}.entry-meta{font-size:.65rem}.entry-arrow{font-size:21px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand{font-size:13px}.brand img{width:26px;height:26px}.nav{gap:9px}.nav a{font-size:11px}.theme-toggle{width:34px;height:34px}.topic-choice{padding:12px}.topic-copy strong{font-size:.88rem}.topic-copy>span{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.topic-choice{transition:none}.topic-choice:hover{transform:none}}

/* Keep preferences accessible in the footer without covering the reading menu. */
.guide-hub .site-foot .ra-settings{position:static;transform:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;left:auto;bottom:auto;margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:none;font-size:12px;white-space:nowrap}
.guide-hub .site-foot nav{align-items:center}.guide-hub .site-foot .wrap{flex-wrap:wrap}

/* Neutral pearl canvas; the header shares the page instead of forming a white strip. */
html:not([data-theme=dark]) .guide-hub .site-head{background:rgba(238,239,241,.24);border-bottom-color:rgba(44,65,85,.07);box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html:not([data-theme=dark]) .guide-hub .theme-toggle{background:rgba(255,255,255,.32)}

/* An argument opens in place: its guides are visible immediately, with a clear way back. */
.guide-detail{margin:0 0 16px;scroll-margin-top:16px}.topic-navigation,.menu-list-head{scroll-margin-top:16px}.topic-back{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin:0 0 12px;border:0;background:transparent;color:var(--blue);font:600 .85rem system-ui;cursor:pointer}.detail-heading{display:flex;gap:20px;align-items:center;padding:23px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--topic-blue),var(--surface));box-shadow:0 6px 20px rgba(33,64,90,.05)}.guide-detail[data-category=energia] .detail-heading{background:linear-gradient(135deg,var(--topic-green),var(--surface))}.guide-detail[data-category=casa] .detail-heading{background:linear-gradient(135deg,var(--topic-lilac),var(--surface))}.guide-detail[data-category=viaggio] .detail-heading{background:linear-gradient(135deg,var(--topic-sand),var(--surface))}.detail-art{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border-radius:20px;background:rgba(255,255,255,.3);color:var(--blue)}.detail-art svg{width:32px;height:32px}.detail-eyebrow{font-size:.65rem;font-weight:750;letter-spacing:.08em;color:var(--blue)}.detail-heading h2{font-size:1.55rem;letter-spacing:-.035em;line-height:1.15;margin:5px 0 8px}.detail-heading p{font-size:.83rem;line-height:1.5;margin:0}.detail-heading h2:focus{outline:none}.is-topic-open .guide-search{display:none}.is-topic-open .hero.menu-intro{display:none}.is-topic-open #contenuto{padding-top:8px}.is-topic-open .guide-menu-list{animation:guide-reveal .2s ease-out}.is-topic-open .guide-count{width:auto}.is-topic-open .menu-list-head{justify-content:flex-start;margin-bottom:10px}.guide-hub .menu-entry{min-height:86px}.guide-hub .topic-arrow{font-size:20px}
@keyframes guide-reveal{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.detail-heading{padding:19px;gap:15px}.detail-art{width:48px;height:48px;border-radius:16px}.detail-art svg{width:27px;height:27px}.detail-heading h2{font-size:1.35rem}.detail-heading p{font-size:.79rem}.topic-back{margin-bottom:10px}.is-topic-open .menu-entry{padding:20px 16px;min-height:92px}}
@media(prefers-reduced-motion:reduce){.is-topic-open .guide-menu-list{animation:none}}
/* One entry point: search and topics first; the reading list opens as a separate view. */
.hub-search{margin:0 0 23px}.hub-search .guide-search{width:100%}.view-all .guide-search{display:flex}.view-all .hub-search{margin:0 0 16px}.topic-navigation .menu-switches{margin-top:16px}.menu-switches button{border-color:var(--line);background:var(--surface);min-height:44px}.menu-switches button:hover{color:var(--blue);border-color:var(--blue)}
.guide-article .site-head{background:rgba(238,239,241,.24)}.guide-article .hero{padding:24px 0}.guide-article .hero h1{font-size:clamp(1.85rem,4vw,2.8rem);line-height:1.15;margin:12px 0 17px;letter-spacing:-.035em}.guide-article .hero .lede{font-size:.92rem;line-height:1.7;margin-top:18px}.guide-article .breadcrumbs{font-size:.76rem;margin:0 0 14px}.guide-article .article-back{display:inline-flex;align-items:center;min-height:44px;font-size:.82rem;font-weight:650;text-decoration:none;margin-bottom:8px}.guide-article .eyebrow{font-size:.65rem;letter-spacing:.06em}.guide-article .cta{background:linear-gradient(112deg,#087dff 0%,#06c4ed 54%,#18e58c 100%);color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.35);box-shadow:0 5px 15px rgba(0,119,195,.12)}.guide-article .card{background:var(--surface);border-color:var(--line)}.quick-answer{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--topic-green),var(--surface));box-shadow:0 5px 16px rgba(33,64,90,.04)}.answer-label{font-size:.62rem;letter-spacing:.07em;font-weight:750;color:var(--blue)}.quick-answer h2{font-size:1.1rem;line-height:1.35;margin:8px 0 10px;letter-spacing:-.02em}.quick-answer p{font-size:.86rem;line-height:1.65;margin:0;color:var(--ink)}.guide-article .updated{font-size:.72rem}.guide-article .table-scroll{max-width:100%;overflow-x:auto}
html[data-theme=dark] .guide-article .site-head{background:var(--surface)}
@media(max-width:760px){.hub-search{margin-bottom:22px}.guide-article .hero{padding:18px 0 23px}.guide-article .hero h1{font-size:1.8rem}.guide-article .quick-answer{padding:18px}.guide-article .quick-answer h2{font-size:1rem}.guide-article .quick-answer p{font-size:.82rem}.guide-article .hero .lede{font-size:.85rem}.guide-article .article-back{font-size:.77rem}}

.guide-detail[data-category=tutte] .detail-art{display:none}

/* Reuse the calculator's visual language while retaining the neutral guide canvas. */
.guide-hub h1,.guide-hub h2,.guide-hub h3,.guide-hub .topic-copy strong{font-family:"Space Grotesk",system-ui,sans-serif}
.guide-hub button,.guide-hub input{font-family:inherit}
.guide-hub .brand{display:block;width:150px;flex:0 0 150px;line-height:0}
.guide-hub .brand .brand-wordmark{display:block;width:100%;height:auto;border-radius:0}
.guide-hub .brand .brand-dark{display:none}
.guide-hub .site-head,.guide-hub.guide-article .site-head{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.guide-hub .site-head .wrap{align-items:center}
.guide-hub .topic-choice{background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 65%,white),color-mix(in srgb,var(--tint) 20%,transparent));border-color:var(--ricaora-rim);box-shadow:var(--ricaora-shadow);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%)}
.guide-hub .guide-menu-list,.guide-hub.guide-article .card,.guide-hub .quick-answer,.guide-hub .detail-heading{background:var(--ricaora-glass);border:1px solid var(--ricaora-rim);box-shadow:var(--ricaora-shadow);backdrop-filter:blur(26px) saturate(175%);-webkit-backdrop-filter:blur(26px) saturate(175%)}
.guide-hub .detail-heading{border-radius:24px}
.guide-hub .quick-answer{background:linear-gradient(145deg,rgba(224,243,237,.76),rgba(255,255,255,.48))}
.guide-hub .theme-toggle,.guide-hub .guide-search,.guide-hub .menu-switches button{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(226,239,248,.58));border-color:rgba(109,149,181,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.92);border-radius:16px}
.guide-hub .topic-back,.guide-hub .article-back{color:var(--blue)}
.guide-hub .topic-choice:hover{border-color:rgba(20,147,242,.42)}
.guide-hub .calculator-cta,.guide-hub.guide-article .cta{border-radius:16px;background:linear-gradient(112deg,#087dff 0%,#06c4ed 54%,#18e58c 100%)}
.guide-hub .site-foot{background:transparent;border-top-color:var(--line)}
html[data-theme=dark] .guide-hub .brand-wordmark{display:none}
html[data-theme=dark] .guide-hub .brand .brand-dark{display:flex;align-items:center;gap:8px;font-size:16px;letter-spacing:.03em;line-height:1;font-weight:750}
html[data-theme=dark] .guide-hub .brand-dark img{width:32px;height:32px}
html[data-theme=dark] .guide-hub .topic-choice{background:var(--ricaora-glass)}
html[data-theme=dark] .guide-hub .quick-answer{background:rgba(39,75,98,.72)}
html[data-theme=dark] .guide-hub .theme-toggle,html[data-theme=dark] .guide-hub .guide-search,html[data-theme=dark] .guide-hub .menu-switches button{background:rgba(29,63,86,.80);border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
@media(max-width:760px){.guide-hub .brand{width:128px;flex-basis:128px}.guide-hub .nav{gap:12px}.guide-hub .nav a{font-size:12px}.guide-hub .theme-toggle{width:38px;height:38px;border-radius:13px}}
@media(max-width:360px){.guide-hub .brand{width:112px;flex-basis:112px}.guide-hub .nav{gap:9px}.guide-hub .nav a{font-size:11px}.guide-hub .theme-toggle{width:34px;height:34px}}
@media(prefers-reduced-transparency:reduce){.guide-hub .topic-choice,.guide-hub .guide-menu-list,.guide-hub.guide-article .card,.guide-hub .quick-answer,.guide-hub .detail-heading{background:#f8fafc;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=dark] .guide-hub .topic-choice,html[data-theme=dark] .guide-hub .guide-menu-list,html[data-theme=dark] .guide-hub.guide-article .card,html[data-theme=dark] .guide-hub .quick-answer,html[data-theme=dark] .guide-hub .detail-heading{background:#1c3b52}}

html:not([data-theme=dark]) .guide-hub .site-head,html[data-theme=dark] .guide-hub.guide-article .site-head{background:transparent;border-bottom:0}

.guide-hub .brand .brand-wordmark-dark{display:none;width:100%;height:auto;border-radius:0}html[data-theme=dark] .guide-hub .brand .brand-wordmark-dark{display:block}

/* Mobile audit: preserve the brand gradient, white labels and larger tap targets. */
.guide-hub .hero-links .calculator-cta,.guide-hub.guide-article article .cta{color:#fff!important;text-shadow:none}
.guide-hub .theme-toggle{width:44px;height:44px;flex-shrink:0}
.guide-hub .site-foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px}
.guide-hub.guide-article article>.related a,.guide-hub.guide-article .article-index a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}
@media(max-width:360px){.guide-hub .site-head .wrap{gap:6px}.guide-hub .nav{gap:8px}.guide-hub .brand{width:104px;flex-basis:104px}}