/* Tropalect practical-use examples. New components only; existing artwork and layout rules are untouched. */
.uc-home{background:rgba(255,250,240,.55);border-block:1px solid var(--line)}
.uc-section-head{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:end;margin-bottom:2.3rem}
.uc-section-head h2{max-width:18ch}.uc-section-head .lede{margin:0}
.uc-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.uc-feature{display:flex;flex-direction:column;align-items:start;padding:2rem;border:1px solid var(--line);border-radius:20px;background:var(--night);color:var(--paper);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.uc-feature:nth-child(2){background:var(--paper);color:var(--ink)}.uc-feature:hover{transform:translateY(-3px);border-color:var(--gold)}.uc-feature h3{font-size:clamp(1.65rem,2.5vw,2.4rem);max-width:23ch;margin:.85rem 0 1rem;line-height:1.15}.uc-feature p{font-size:1rem;line-height:1.65;max-width:48ch}.uc-number{font-size:.69rem;letter-spacing:.12em;font-weight:800;color:var(--gold-2)}.uc-feature:nth-child(2) .uc-number{color:var(--gold-3)}.uc-feature-link{margin-top:auto;padding-top:1rem;font-size:.87rem;font-weight:750;text-decoration:underline;text-underline-offset:.25em}.uc-feature-link span{margin-left:.7rem}
.uc-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.uc-mini{position:relative;padding:1.35rem 1.35rem 2.4rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,250,240,.65);text-decoration:none}.uc-mini:hover{background:var(--paper);border-color:var(--gold)}.uc-mini h3{font-size:1.38rem;line-height:1.2;margin-bottom:.65rem}.uc-mini p{font-size:.9rem;margin:0;color:var(--ink-soft)}.uc-mini>span{position:absolute;bottom:.7rem;right:1.2rem;color:var(--gold-3)}.uc-home-close{display:flex;gap:2rem;align-items:center;justify-content:space-between;margin-top:2rem}.uc-home-close p{max-width:51ch;font-size:.9rem;color:var(--ink-soft);margin:0}
.uc-page a:not(.btn){text-underline-offset:.22em}.uc-page :is(a,summary):focus-visible,.uc-home a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.uc-hero{padding:115px 0 64px;background:var(--night);color:var(--paper)}.uc-hero .seo-breadcrumbs{margin-bottom:2rem;color:var(--gold-2)}.uc-hero .eyebrow{color:var(--gold-2)}.uc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:5rem;align-items:center}.uc-hero h1{max-width:16ch;font-size:clamp(3rem,6.2vw,5.9rem);line-height:1.02;margin-bottom:1.5rem}.uc-hero .button-row{margin-top:1.5rem}.uc-hero-note{margin-top:1.25rem;max-width:62ch;color:rgba(255,250,240,.78);font-size:.87rem}.uc-hero-card{margin:0;max-width:270px}.uc-hero-card img{width:100%;height:auto;box-shadow:0 22px 50px rgba(0,0,0,.25)}.uc-hero-card figcaption{margin-top:1rem;font-size:.74rem;line-height:1.6;text-align:center;color:rgba(255,250,240,.74)}
.uc-intro{padding-block:2.5rem 0}.uc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.uc-three p{margin:0;display:grid;grid-template-columns:2.5rem 1fr;column-gap:.5rem;align-content:start}.uc-three b{grid-row:1/3;font:1.5rem/1.1 var(--serif);color:var(--gold-3)}.uc-three strong{font-size:.95rem}.uc-three span{font-size:.86rem;line-height:1.55;color:var(--ink-soft);margin-top:.35rem}.uc-boundary{max-width:90ch;font-size:.9rem;margin:1.7rem 0}.uc-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:2rem}.uc-toc a{display:flex;align-items:center;gap:.7rem;min-height:56px;border:1px solid var(--line);border-radius:10px;padding:.8rem;font-size:.85rem;line-height:1.4;background:rgba(255,250,240,.6);text-decoration:none}.uc-toc a:hover{border-color:var(--gold);background:var(--paper)}.uc-toc a span{font-size:.75rem;color:var(--gold-3);font-weight:800}
.uc-sections{max-width:1040px}.uc-case{padding:5rem 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}.uc-case h2,.uc-close h2{max-width:25ch;font-size:clamp(2.2rem,4.4vw,3.7rem);line-height:1.08;margin-bottom:1.2rem}.uc-lede{font-size:1.16rem;line-height:1.7;color:var(--ink-soft);max-width:75ch;margin-bottom:1.7rem}.uc-case>p{max-width:86ch}.uc-case p{line-height:1.75}.uc-scenario{padding:1.4rem 1.6rem;background:var(--paper);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;margin:1.7rem 0}.uc-scenario>span,.uc-check>span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--gold-3);display:block;margin-bottom:.5rem}.uc-scenario p{margin:0;max-width:83ch}.uc-small{font-size:.86rem;color:var(--ink-soft)}
.uc-destinations{margin:2rem 0}.uc-destinations>h3{font-size:1.5rem;margin-bottom:.8rem}.uc-destination{border:1px solid var(--line);border-radius:12px;background:rgba(255,250,240,.6);margin:.7rem 0;overflow:hidden}.uc-page summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.uc-page summary::-webkit-details-marker{display:none}.uc-destination summary{padding:1rem 1.25rem}.uc-destination summary strong{font-size:1.02rem}.uc-destination summary small{display:block;font-size:.82rem;line-height:1.5;color:var(--ink-soft);margin-top:.25rem}.uc-toggle{font-size:1.5rem;color:var(--gold-3)}.uc-page details[open]>summary>.uc-toggle{transform:rotate(45deg)}.uc-destination[open]>summary{border-bottom:1px solid var(--line);background:var(--paper)}.uc-route-list{padding:.3rem 1.25rem}.uc-route{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.5fr);gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.uc-route:last-child{border-bottom:0}.uc-route a{font-weight:750}.uc-route small{display:block;font-size:.8rem;color:var(--ink-soft);margin-top:.35rem}.uc-route p{margin:0;font-size:.94rem}.uc-code{font:400 .75rem/1.6 var(--sans);white-space:nowrap;color:var(--gold-3);margin-left:.2rem}
.uc-check{display:grid;grid-template-columns:105px 1fr;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--line)}.uc-check>span{margin:.25rem 0 0}.uc-check p{margin:0;max-width:82ch;font-size:.95rem}.uc-source{font-size:.8rem;margin:1.2rem 0 0!important;color:var(--ink-soft)}.uc-source span{display:inline-block;margin-left:.35rem}.uc-lenses{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.7rem 0}.uc-lens{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:1.5rem}.uc-lens h3{font-size:1.7rem;margin-bottom:1rem}.uc-lens p{font-size:.93rem}.uc-lens p:last-child{margin:0}.uc-exact{padding-bottom:.9rem;border-bottom:1px solid var(--line);font-style:italic;color:var(--ink-soft)}
.uc-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.8rem 0}.uc-comparison>div{padding:1.5rem;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.uc-comparison h3{font-size:1.75rem;margin-bottom:.8rem}.uc-comparison h3 .uc-code{font-size:.8rem}.uc-comparison>div>p:first-of-type{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gold-3)}.uc-comparison p:last-child{margin:0}.uc-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:1.7rem 0}.uc-chain>span:not(.uc-chain-arrow){font-size:.92rem}.uc-chain-arrow{color:var(--gold-3)}
.uc-more details{border-top:1px solid var(--line)}.uc-more details:last-child{border-bottom:1px solid var(--line)}.uc-more summary{font:1.3rem/1.35 var(--serif);padding:1.2rem 0}.uc-more summary>span{color:var(--gold-3)}.uc-more details[open]>summary>span{transform:rotate(45deg)}.uc-more details>div{padding:0 0 1.5rem;max-width:86ch}.uc-close{padding:5rem 0}.uc-close>p{max-width:76ch}.uc-close .button-row{margin:1.5rem 0}.uc-back{display:inline-block;margin-top:1rem;font-size:.86rem}.prose .uc-deck-invite{margin:2rem 0;padding:1.6rem;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.prose .uc-deck-invite h2{margin-top:0;font-size:2rem;max-width:none}.prose .uc-deck-invite .eyebrow{font-size:.7rem}.prose .uc-deck-invite p{font-size:1rem}
@media(max-width:1000px){.uc-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-hero-grid{gap:2.5rem;grid-template-columns:minmax(0,1fr) 230px}.uc-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.uc-three{gap:1rem}.uc-feature{padding:1.5rem}}
@media(max-width:700px){.uc-section-head,.uc-feature-grid,.uc-lenses,.uc-comparison{grid-template-columns:1fr}.uc-section-head{gap:1.5rem}.uc-home-close{display:block}.uc-home-close p{margin-top:1rem}.uc-hero-grid{grid-template-columns:1fr;gap:2rem}.uc-hero-card{max-width:190px;margin-inline:auto}.uc-hero{padding-top:100px;padding-bottom:2.5rem}.uc-hero h1{font-size:clamp(2.8rem,10vw,4.8rem)}.uc-hero .display-lede{font-size:1.08rem}.uc-hero-note{font-size:.85rem}.uc-three{grid-template-columns:1fr;gap:1.5rem}.uc-case{padding:3.5rem 0}.uc-check{grid-template-columns:1fr;gap:.4rem}.uc-check>span{margin:0}.uc-route{grid-template-columns:1fr;gap:.5rem}.uc-route small{margin-top:.2rem}.uc-case h2 br,.uc-close h2 br{display:none}.uc-lens{padding:1.25rem}.uc-case .uc-lede{font-size:1.05rem}.uc-scenario{padding:1.2rem}.uc-source span{display:block;margin:.2rem 0 0}.uc-close{padding:3.5rem 0}.uc-page .button-row .btn{min-height:48px;text-align:center}}
@media(max-width:420px){.uc-mini-grid,.uc-toc{grid-template-columns:1fr}.uc-feature{padding:1.4rem}.uc-feature h3{font-size:1.9rem}.uc-mini{padding:1.2rem 2rem 1.2rem 1.2rem}.uc-mini>span{bottom:auto;top:1.2rem;right:.8rem}.uc-hero .button-row{align-items:stretch;flex-direction:column}.uc-hero .eyebrow{font-size:.63rem}.uc-destination summary{padding:1rem}.uc-route-list{padding:.25rem 1rem}}
@media(prefers-reduced-motion:reduce){.uc-home *{transition:none!important}.uc-page{scroll-behavior:auto}}
@media print{.uc-hero{background:none;color:#000;padding:1rem 0}.uc-hero .display-lede,.uc-hero-note,.uc-hero-card figcaption{color:#000}.uc-hero-card,.uc-toc,.uc-back,.uc-close .button-row{display:none}.uc-case{padding:1.5rem 0}.uc-lenses,.uc-comparison{break-inside:avoid}.uc-check{break-inside:avoid}.uc-page details:not([open])>*:not(summary){display:block}.uc-page .uc-hero-grid{display:block}}