/* OnlyGirth v17 — approved homepage implementation. Real interactive controls. */
.v17-symbol{width:22px;height:22px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;flex:none}
.v17-tavern-hero{height:346px;border-color:#966035;box-shadow:0 7px 24px #0008}
.v17-tavern-hero .hero-photo{background-image:url('../assets/horde-tavern-four-heroes-compact-v17.webp');background-repeat:no-repeat;background-size:100% 100%;background-position:center center;filter:none}
.v17-tavern-hero .hero-shadow{background:linear-gradient(90deg,rgba(12,4,3,.07),transparent 51%);filter:none;backdrop-filter:none;pointer-events:none}
.v17-tavern-hero .hero-caption{left:29px;bottom:16px;width:min(660px,calc(100% - 45px));text-shadow:0 2px 7px #000d}
.v17-tavern-hero .hero-caption h2{font-size:39px;margin:0 0 6px}
.v17-tavern-hero .hero-caption p{font-size:16px;max-width:600px;margin-bottom:13px}
.v17-tavern-hero .hero-actions .v17-symbol{width:17px;height:17px}
.v17-tavern-hero .hero-cta{gap:10px;padding:11px 15px}
.v17-story-panels{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:14px;margin-bottom:11px;align-items:stretch}
.v17-story-panel,.v17-bottom-panel{min-width:0;border:1px solid #6e4828;border-radius:5px;background:linear-gradient(140deg,rgba(24,11,9,.96),rgba(12,7,6,.97));box-shadow:inset 0 0 25px #0003}
.v17-panel-titlebar{height:48px;padding:7px 15px 4px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #7a4027}
.v17-panel-titlebar h2{margin:0;font:700 24px/1.2 var(--head);color:#f7e7d5;display:flex;align-items:center;gap:12px;white-space:nowrap}
.v17-panel-titlebar h2 .v17-symbol{color:#d59453;width:24px;height:24px}
.v17-panel-titlebar button{border:0;background:none;color:#e9a351;font:15px var(--head);display:flex;gap:4px;align-items:center;white-space:nowrap}
.v17-panel-titlebar button .v17-symbol{width:14px;height:14px}
.v17-panel-titlebar button:hover{color:#ffd6a0}
.v17-story-items{padding:0 13px}
.v17-story-row{display:flex;align-items:center;gap:14px;text-align:left;width:100%;height:103px;min-height:0;border:0;border-bottom:1px solid #533121;padding:8px 0;background:transparent;color:#f1e4d9;transition:background-color .15s}
.v17-story-row:last-child{border-bottom:0}
.v17-story-row:hover,.v17-directory-row:hover{background:rgba(131,49,27,.12)}
.v17-icon-box{flex:none;width:69px;height:68px;display:grid;place-items:center;border-radius:5px;border:1px solid #a3482d;background:linear-gradient(130deg,#4c1d16,#170d0b);color:#ee9b55;box-shadow:inset 0 0 12px #ed652012}
.v17-icon-box .v17-symbol{width:36px;height:36px;stroke-width:1.75}
.v17-amber{color:#ffcb70!important;border-color:#866038!important;background:linear-gradient(145deg,#4b3017,#19100b)!important}
.v17-red{color:#f18b62!important;border-color:#a24b35!important;background:linear-gradient(145deg,#501b16,#1a0c0a)!important}
.v17-story-text{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.v17-story-name{font:600 17px/1.25 var(--head);color:#faebdc}
.v17-story-desc{font:12px/1.4 var(--font);color:#d0bfb2;display:block}
.v17-story-meta{font:11px/1.3 var(--font);color:#a9998d}
.v17-story-meta .small-label{padding:2px 5px;margin-left:6px;font-size:10px}
.v17-row-arrow{color:#dda459;margin:0 3px 0 5px;align-self:center;flex:none}
.v17-row-arrow .v17-symbol{width:18px;height:18px}
.v17-story-row:hover .v17-row-arrow{transform:translateX(2px)}
.v17-bottom-panels{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:11px;align-items:stretch}
.v17-bottom-panel{padding:13px 14px 13px}
.v17-bottom-heading{display:flex;gap:12px;align-items:center;margin-bottom:11px;min-height:43px}
.v17-bottom-heading .v17-heading-icon{width:36px;height:36px;display:grid;place-items:center;color:#df774f;flex:none}
.v17-heading-icon .v17-symbol{width:30px;height:30px;stroke-width:2}
.v17-bottom-heading h2{font:700 21px/1.1 var(--head);color:#f3e4d0;margin:0 0 3px}
.v17-bottom-heading p{font:11px/1.4 var(--font);color:#b8a79d;margin:0}
.v17-tool-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v17-tool-card{background:linear-gradient(105deg,rgba(69,20,16,.52),rgba(24,12,10,.95));border:1px solid #71321f;border-radius:5px;min-height:117px;padding:12px;display:flex;gap:13px;align-items:center;text-align:left;color:#eedbcc;transition:border-color .16s,transform .16s,background-color .16s}
.v17-tool-card:hover{border-color:#bf6137;transform:translateY(-1px);background-color:#4c1e16}
.v17-tool-mark{display:grid;place-items:center;flex:none;width:57px;height:61px;border:1px solid #a34e2c;border-radius:5px;background:linear-gradient(135deg,#502017,#160b09);color:#e79664}
.v17-tool-mark .v17-symbol{width:34px;height:34px;stroke-width:1.75}
.v17-tool-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.v17-tool-copy strong{color:#f1b36e;font:700 16px/1.2 var(--head)}
.v17-tool-copy small{color:#ccbbaf;font:12px/1.45 var(--font)}
.v17-tool-chevron{color:#df9854;margin-left:auto;flex:none}
.v17-tool-chevron .v17-symbol{width:17px;height:17px}
.v17-guides-panel{border-color:#67502d}
.v17-guide-links{display:grid;gap:5px}
.v17-directory-row{display:grid;grid-template-columns:26px minmax(120px,1fr) minmax(80px,1.2fr) 15px;align-items:center;gap:8px;width:100%;min-height:35px;border:1px solid #6a4029;background:linear-gradient(100deg,#2b150e,#190e09);border-radius:4px;padding:5px 10px;text-align:left;color:#f0dfcc}
.v17-directory-row:hover{border-color:#b07b47}
.v17-mini-mark{color:#ffc46c}
.v17-mini-mark .v17-symbol{width:18px;height:18px;stroke-width:2}
.v17-directory-name{font:600 13px/1.2 var(--head);color:#e8d4b4}
.v17-directory-desc{font:11px/1.25 var(--font);color:#b5a598}
.v17-dir-chevron{color:#e3aa64}
.v17-dir-chevron .v17-symbol{width:14px;height:14px}
@media(max-width:1340px){.v17-story-panels,.v17-bottom-panels{gap:10px}.v17-story-row{height:112px}.v17-panel-titlebar h2{font-size:22px}.v17-tool-card{gap:9px;padding:10px}.v17-tool-mark{width:48px;height:50px}.v17-tool-copy strong{font-size:15px}.v17-tavern-hero{height:330px}}
@media(max-width:1090px){.v17-story-panels,.v17-bottom-panels{grid-template-columns:minmax(0,1fr);gap:15px}.v17-story-row{height:auto;min-height:94px}.v17-tavern-hero .hero-caption h2{font-size:35px}}
@media(max-width:630px){.v17-tavern-hero{height:355px}.v17-tavern-hero .hero-photo{background-size:auto 100%;background-position:52% center}.v17-tavern-hero .hero-shadow{background:linear-gradient(0deg,rgba(13,4,3,.78),rgba(13,4,3,.19) 68%,transparent)}.v17-tavern-hero .hero-caption{left:16px;bottom:15px;max-width:calc(100% - 32px)}.v17-tavern-hero .hero-caption h2{font-size:28px}.v17-tavern-hero .hero-caption p{font-size:12px;line-height:1.45}.v17-tavern-hero .hero-cta{font-size:10px;padding:8px 10px}.v17-panel-titlebar{padding:8px 9px}.v17-panel-titlebar h2{font-size:20px;gap:6px}.v17-panel-titlebar button{font-size:12px}.v17-story-items{padding:0 8px}.v17-story-row{gap:9px;min-height:98px}.v17-icon-box{width:49px;height:52px}.v17-icon-box .v17-symbol{width:28px;height:28px}.v17-story-name{font-size:15px}.v17-story-desc{font-size:11px}.v17-story-meta{font-size:10px}.v17-story-meta .small-label{display:none}.v17-tool-links{grid-template-columns:1fr}.v17-tool-card{min-height:93px}.v17-bottom-panel{padding:10px}.v17-directory-row{grid-template-columns:20px minmax(0,1fr) 14px}.v17-directory-desc{display:none}}
@media(prefers-reduced-motion:reduce){.v17-story-row,.v17-tool-card{transition:none}}

@media(min-width:1850px){.v17-tavern-hero .hero-photo{background-image:url('../assets/horde-tavern-four-heroes-v17.webp');background-size:cover}}