*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.sticky{position:sticky}.top-0{top:0}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-full{height:100%}.w-11{width:2.75rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-gold\/45{border-color:rgb(255 200 87/.45)}.border-white\/10{border-color:rgb(255 255 255/.1)}.bg-abyss{--tw-bg-opacity:1;background-color:rgb(6 17 28/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.px-4{padding-left:1rem;padding-right:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem}.pb-3,.py-3{padding-bottom:.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.text-foam{--tw-text-opacity:1;color:rgb(232 255 249/var(--tw-text-opacity,1))}.text-foam\/70{color:rgb(232 255 249/.7)}.shadow-tide{--tw-shadow:0 24px 80px rgba(0,168,181,0.22);--tw-shadow-colored:0 24px 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#00A8B5;--tw-shadow:var(--tw-shadow-colored)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:root{color-scheme:dark;--abyss:#06111c;--abyss-2:#091a28;--panel:#0b1f2e;--panel-2:#102a3d;--panel-3:#13374a;--ink:#10202b;--foam:#e8fff9;--mist:rgba(232,255,249,0.76);--muted:rgba(232,255,249,0.62);--tide:#00a8b5;--reef:#21e6c1;--gold:#ffc857;--coral:#ff5e57;--paper:#f4fbf8;--line-dark:rgba(232,255,249,0.14);--line-bright:rgba(33,230,193,0.36);--shadow-deep:0 28px 90px rgba(0,0,0,0.38);--shadow-glow:0 0 0 1px rgba(33,230,193,0.12),0 22px 70px rgba(0,168,181,0.18)}*{box-sizing:border-box}html{background:var(--abyss);scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(6,17,28,.98) 0,rgba(9,26,40,.98) 31rem,rgba(7,18,28,1) 31rem),repeating-linear-gradient(90deg,rgba(33,230,193,.06) 0 1px,transparent 1px 92px),repeating-linear-gradient(180deg,rgba(255,200,87,.04) 0 1px,transparent 1px 88px),var(--abyss);color:var(--foam);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:2px solid rgba(255,200,87,.9);outline-offset:3px}.page-shell{min-height:100vh;background:linear-gradient(120deg,rgba(255,200,87,.07),transparent 24rem),linear-gradient(240deg,rgba(255,94,87,.1),transparent 30rem),linear-gradient(180deg,rgba(6,17,28,.4),rgba(5,13,22,.94))}header.sticky{background:linear-gradient(90deg,rgba(6,17,28,.96),rgba(9,26,40,.92)),rgba(6,17,28,.92);box-shadow:0 18px 50px rgba(0,0,0,.28)}header.sticky nav>a:first-child>span:first-child{box-shadow:0 0 0 1px rgba(255,200,87,.46),0 0 28px rgba(33,230,193,.24)}header.sticky>div{scrollbar-width:none}header.sticky>div::-webkit-scrollbar{display:none}.mobile-nav-link,.nav-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;border-radius:.5rem;border:1px solid rgba(232,255,249,.12);background:rgba(232,255,249,.04);color:rgba(232,255,249,.82);transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.nav-link{padding:.55rem .75rem;font-size:.875rem}.mobile-nav-link{flex:0 0 auto;padding:.5rem .7rem;font-size:.8125rem}.mobile-nav-link:hover,.nav-link:hover{border-color:rgba(33,230,193,.72);background:rgba(0,168,181,.18);box-shadow:0 0 22px rgba(0,168,181,.2);color:white}.hero-band{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(33,230,193,.18);background:linear-gradient(90deg,rgba(6,17,28,.98),rgba(8,24,38,.9) 48%,rgba(67,14,23,.76)),linear-gradient(180deg,rgba(6,17,28,.1),rgba(6,17,28,.92)),url(/images/haze-seas/haze-seas-tool-hub.webp) 50% /cover;color:var(--foam)}.hero-band:before{inset:0;background:linear-gradient(115deg,transparent 0 56%,rgba(255,200,87,.12) 56% 56.5%,transparent 56.5%),repeating-linear-gradient(90deg,rgba(33,230,193,.08) 0 1px,transparent 1px 98px),repeating-linear-gradient(180deg,rgba(232,255,249,.05) 0 1px,transparent 1px 82px);opacity:.82}.hero-band:after,.hero-band:before{content:"";position:absolute;z-index:-1}.hero-band:after{inset:auto 0 0;height:8rem;background:linear-gradient(180deg,transparent,rgba(6,17,28,.88))}.content-wrap{width:min(100% - 2rem,1180px);margin-inline:auto}.hero-layout{display:grid;gap:1.4rem;padding:2rem 0 3rem}@media (min-width:980px){.hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);align-items:stretch;padding:2.6rem 0 3.6rem}}.hero-copy{display:grid;align-content:start;gap:1rem}.eyebrow{margin:0;color:var(--gold);font-size:.75rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.hero-copy h1,.page-title h1{margin:0;max-width:940px;color:white;font-size:2.45rem;line-height:1;letter-spacing:0;text-wrap:balance;text-shadow:0 18px 60px rgba(0,0,0,.44)}@media (min-width:720px){.hero-copy h1,.page-title h1{font-size:3.6rem}}@media (min-width:1180px){.hero-copy h1,.page-title h1{font-size:4.6rem}}.hero-copy>p:not(.eyebrow),.page-title>p{margin:0;max-width:760px;color:rgba(232,255,249,.84);font-size:1.02rem;line-height:1.7}.hero-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.hero-chip-row span{border:1px solid rgba(255,200,87,.24);border-radius:999px;background:rgba(255,200,87,.1);color:rgba(232,255,249,.88);padding:.42rem .68rem;font-size:.78rem;font-weight:850}.hero-media{position:relative;align-self:start;overflow:hidden;border:1px solid rgba(33,230,193,.3);border-radius:.5rem;background:linear-gradient(180deg,rgba(13,31,46,.9),rgba(5,15,25,.96));box-shadow:var(--shadow-deep),0 0 44px rgba(255,94,87,.12);min-height:260px}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(5,14,23,.8)),repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);opacity:.34;pointer-events:none}.hero-media img{display:block;width:100%;height:245px;-o-object-fit:cover;object-fit:cover}@media (min-width:980px){.hero-media img{height:318px}}.hero-media figcaption{position:relative;z-index:2;border-top:1px solid rgba(232,255,249,.12);padding:1rem;color:rgba(232,255,249,.78);font-size:.85rem;line-height:1.55}.tool-shell{border:1px solid rgba(33,230,193,.24);border-radius:.5rem;background:linear-gradient(180deg,rgba(15,43,62,.9),rgba(7,20,32,.96)),rgba(7,20,32,.94);box-shadow:var(--shadow-deep),var(--shadow-glow);color:var(--foam)}.tool-grid{display:grid;gap:1rem;padding:1rem}@media (min-width:900px){.tool-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);padding:1.25rem}}.result-panel,.tool-controls{display:grid;gap:1rem;align-content:start}.field{display:grid;gap:.45rem}.field-label{color:rgba(232,255,249,.76);font-size:.82rem;font-weight:850}.field input,.field select,.input-with-icon{min-height:3rem;width:100%;border:1px solid rgba(232,255,249,.16);border-radius:.5rem;background:rgba(5,15,25,.76);color:var(--foam);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.field input,.field select{padding:.65rem .75rem}.field select option{background:var(--abyss);color:var(--foam)}.field input::-moz-placeholder,.input-with-icon input::-moz-placeholder{color:rgba(232,255,249,.44)}.field input::placeholder,.input-with-icon input::placeholder{color:rgba(232,255,249,.44)}.input-with-icon{display:flex;align-items:center;gap:.5rem;padding:0 .75rem}.input-with-icon svg{color:var(--reef)}.input-with-icon input{min-height:2.8rem;border:0;padding:0;outline:0;background:transparent}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.segment,.segment-active{min-height:3rem;border-radius:.5rem;border:1px solid rgba(232,255,249,.16);padding:.45rem;font-weight:900;color:var(--foam)}.segment{background:rgba(232,255,249,.06)}.segment-active{border-color:rgba(255,200,87,.76);background:linear-gradient(135deg,rgba(255,200,87,.95),rgba(255,94,87,.88));color:#08121c;box-shadow:0 12px 28px rgba(255,94,87,.2)}.check-row{display:flex;align-items:flex-start;gap:.65rem;color:rgba(232,255,249,.72);font-size:.92rem;line-height:1.45}.check-row input{margin-top:.2rem;width:1.1rem;height:1.1rem;accent-color:var(--gold)}.result-panel{position:relative;overflow:hidden;border:1px solid rgba(255,200,87,.22);border-radius:.5rem;background:linear-gradient(135deg,rgba(255,200,87,.14),transparent 34%),linear-gradient(180deg,rgba(11,36,52,.98),rgba(5,15,25,.98));color:var(--foam);padding:1.25rem;min-height:100%}.result-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 96%,rgba(33,230,193,.18) 96% 97%,transparent 97%),repeating-linear-gradient(180deg,rgba(232,255,249,.04) 0 1px,transparent 1px 42px);pointer-events:none}.result-panel>*{position:relative;z-index:1}.drop-icon,.result-icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.5rem;background:linear-gradient(135deg,var(--reef),var(--gold));color:var(--abyss);box-shadow:0 0 30px rgba(33,230,193,.24)}.damage-number{margin:0;color:white;font-size:3.1rem;font-weight:950;line-height:.95}@media (min-width:720px){.damage-number{font-size:4rem}}@media (min-width:1180px){.damage-number{font-size:5rem}}.result-copy{margin:0;color:rgba(232,255,249,.78);line-height:1.6}.mini-stats{display:flex;flex-wrap:wrap;gap:.5rem}.mini-stats span,.source-pill{border-radius:999px;border:1px solid rgba(33,230,193,.22);background:rgba(33,230,193,.07);padding:.42rem .65rem;color:rgba(232,255,249,.84);font-size:.8rem}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;width:-moz-fit-content;width:fit-content;border:1px solid rgba(33,230,193,.28);border-radius:.5rem;background:rgba(33,230,193,.1);color:white;padding:.55rem .8rem;font-weight:900}.secondary-button:hover{border-color:rgba(255,200,87,.65);background:rgba(255,200,87,.14)}.main-content{position:relative;background:linear-gradient(180deg,rgba(6,17,28,.96),rgba(8,21,32,1) 32rem,rgba(7,17,27,1)),repeating-linear-gradient(90deg,rgba(33,230,193,.05) 0 1px,transparent 1px 96px);color:var(--foam)}.section-block{padding:3rem 0}.section-heading{display:grid;gap:.55rem;margin-bottom:1.2rem}.page-section h2,.section-heading h2{margin:0;color:white;font-size:1.55rem;line-height:1.08;text-wrap:balance}@media (min-width:760px){.page-section h2,.section-heading h2{font-size:2.15rem}}.page-section p,.section-heading p:not(.eyebrow){margin:0;max-width:780px;color:var(--mist);line-height:1.7}.stat-strip{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{border:1px solid rgba(33,230,193,.2);border-left:4px solid var(--reef);border-radius:.5rem;background:linear-gradient(180deg,rgba(16,42,61,.9),rgba(8,22,34,.96));box-shadow:0 18px 48px rgba(0,0,0,.22);padding:1rem}.stat-item strong{display:block;color:var(--gold);font-size:1.9rem;line-height:1}.stat-item span{color:rgba(232,255,249,.68);font-size:.85rem}.planner-controls{display:grid;gap:1rem;padding:1rem}@media (min-width:860px){.planner-controls{grid-template-columns:minmax(280px,1fr) 160px 180px;align-items:end}}.drop-list{padding:0 1rem 1rem}.drop-list,.drop-row{display:grid;gap:.8rem}.drop-row{border:1px solid rgba(33,230,193,.18);border-radius:.5rem;background:linear-gradient(180deg,rgba(16,42,61,.9),rgba(8,22,34,.96));box-shadow:0 18px 50px rgba(0,0,0,.2);padding:1rem}.drop-title{display:flex;align-items:center;gap:.8rem}.drop-title h3{margin:0;color:white;font-size:1.05rem}.drop-requirement,.drop-source,.drop-title p{margin:0;color:rgba(232,255,249,.66);line-height:1.55}.drop-source{font-size:.86rem}.drop-metrics{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.drop-metrics span{border:1px solid rgba(232,255,249,.1);border-radius:.5rem;background:rgba(232,255,249,.05);padding:.7rem}.drop-metrics small,.drop-metrics strong{display:block}.drop-metrics strong{color:var(--gold);font-size:1.1rem}.drop-metrics small{color:rgba(232,255,249,.6);font-size:.74rem}.text-link{color:var(--reef);font-weight:900;text-decoration:underline;text-decoration-color:rgba(33,230,193,.45);text-underline-offset:.2rem}.text-link:hover{color:var(--gold);text-decoration-color:rgba(255,200,87,.65)}.empty-state{border:1px dashed rgba(232,255,249,.28);border-radius:.5rem;background:rgba(232,255,249,.04);padding:1.2rem;text-align:center}.empty-state p{color:white}.empty-state span{color:var(--muted)}.data-table{overflow-x:auto;border:1px solid rgba(33,230,193,.2);border-radius:.5rem;background:linear-gradient(180deg,rgba(13,33,49,.94),rgba(7,20,32,.98));box-shadow:var(--shadow-deep)}.data-table table{width:100%;min-width:720px;border-collapse:collapse}.data-table td,.data-table th{border-bottom:1px solid rgba(232,255,249,.1);padding:.85rem;text-align:left;vertical-align:top}.data-table th{background:rgba(33,230,193,.07);color:rgba(232,255,249,.72);font-size:.78rem;text-transform:uppercase}.data-table td{color:rgba(232,255,249,.78)}.data-table td strong{color:white}.badge{display:inline-flex;align-items:center;min-height:1.75rem;border:1px solid rgba(33,230,193,.24);border-radius:999px;background:rgba(33,230,193,.1);color:var(--reef);padding:.25rem .6rem;font-size:.78rem;font-weight:900}.badge-warning{border-color:rgba(255,200,87,.34);background:rgba(255,200,87,.13);color:var(--gold)}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.steps-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none}.step-card{border:1px solid rgba(33,230,193,.18);border-radius:.5rem;background:linear-gradient(180deg,rgba(16,42,61,.9),rgba(8,22,34,.96));box-shadow:0 18px 48px rgba(0,0,0,.22);padding:1rem}.step-card span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:linear-gradient(135deg,var(--reef),var(--tide));color:#07121c;font-weight:950}.step-card h3,.step-card p{margin:.8rem 0 0}.step-card h3{color:white;font-size:1rem}.step-card p{color:rgba(232,255,249,.68);line-height:1.55}.info-card,.link-card{border:1px solid rgba(33,230,193,.18);border-radius:.5rem;background:linear-gradient(135deg,rgba(255,200,87,.05),transparent 38%),linear-gradient(180deg,rgba(16,42,61,.9),rgba(8,22,34,.96));box-shadow:0 18px 48px rgba(0,0,0,.22);padding:1rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.info-card h3,.link-card span{display:block;margin:0 0 .45rem;color:white;font-weight:950}.info-card p,.link-card small{margin:0;color:rgba(232,255,249,.68);line-height:1.55}.example-card{display:grid;gap:.8rem}.example-card dl{display:grid;gap:.65rem;margin:0}.example-card dl div{border:1px solid rgba(232,255,249,.1);border-radius:.5rem;background:rgba(232,255,249,.05);padding:.75rem}.example-card dt{color:rgba(232,255,249,.62);font-size:.76rem;font-weight:900;text-transform:uppercase}.example-card dd{margin:.2rem 0 0;color:var(--foam);line-height:1.45}.resource-card{display:grid;gap:.75rem;align-content:start}.resource-card>img{display:block;width:100%;height:150px;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;background:rgba(232,255,249,.06)}.resource-card h3,.resource-card p{margin:0}.resource-meta{display:flex;flex-wrap:wrap;gap:.5rem}.resource-meta span,.table-note{color:rgba(232,255,249,.62);font-size:.8rem}.table-note{margin:.35rem 0 0}.card-image{display:block;width:100%;height:150px;border:1px solid rgba(232,255,249,.12);border-radius:.5rem;-o-object-fit:cover;object-fit:cover;background:rgba(232,255,249,.06)}.return-link-section{padding-top:1.2rem}.return-link-card{display:grid;gap:.25rem;border:1px solid rgba(255,200,87,.24);border-radius:.5rem;background:linear-gradient(90deg,rgba(255,200,87,.12),rgba(33,230,193,.08)),rgba(10,29,43,.92);box-shadow:0 18px 48px rgba(0,0,0,.18);padding:1rem}.return-link-card span{color:white;font-weight:950}.return-link-card small{color:rgba(232,255,249,.7);line-height:1.45}.link-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.link-card:hover{border-color:rgba(255,200,87,.44);box-shadow:0 20px 60px rgba(0,0,0,.28),0 0 28px rgba(0,168,181,.15)}.wiki-card-preview{display:grid;gap:.75rem;align-content:start}.wiki-card-preview img{display:block;width:100%;aspect-ratio:16/9;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;background:rgba(232,255,249,.06)}.wiki-breadcrumbs,.wiki-card-actions,.wiki-card-meta,.wiki-source-list{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.wiki-card-actions{margin-top:.25rem}.wiki-breadcrumbs{margin-bottom:1rem;color:rgba(232,255,249,.62);font-size:.9rem}.wiki-detail-panel{display:grid;gap:1rem;border:1px solid rgba(33,230,193,.18);border-radius:.5rem;background:linear-gradient(135deg,rgba(255,200,87,.06),transparent 35%),linear-gradient(180deg,rgba(16,42,61,.92),rgba(8,22,34,.98));box-shadow:0 18px 48px rgba(0,0,0,.22);padding:1rem}.wiki-detail-panel+.wiki-detail-panel{margin-top:1rem}.wiki-media-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wiki-media-grid img{display:block;width:100%;aspect-ratio:16/9;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;background:rgba(232,255,249,.06)}.wiki-notes{display:grid;gap:.55rem}.wiki-muted,.wiki-notes p{margin:0;color:rgba(232,255,249,.76);line-height:1.65}.wiki-table-block{margin-top:.25rem}.wiki-source-list{border-top:1px solid rgba(232,255,249,.1);padding-top:.9rem}.page-title{display:grid;gap:1rem;padding:3rem 0}.page-section{padding:2.6rem 0}.footer-link{border-bottom:1px solid rgba(232,255,249,.12);padding-bottom:.45rem;color:rgba(232,255,249,.82);font-size:.95rem}.footer-link:hover{color:var(--gold)}@media (prefers-reduced-motion:no-preference){.drop-row:hover,.info-card:hover,.link-card:hover,.step-card:hover{transform:translateY(-2px)}}@media (max-width:520px){.content-wrap{width:min(100% - 1rem,1180px)}.hero-copy h1,.page-title h1{font-size:2.1rem}.hero-layout{padding:1.5rem 0 2.2rem}.drop-list,.planner-controls,.tool-grid{padding-inline:.75rem}.drop-metrics{grid-template-columns:1fr}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-\[1\.2fr_2fr\]{grid-template-columns:1.2fr 2fr}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}