/* Shared subpage shell, measured against the approved compact-header artwork.
   All copy, forms, prices and account actions remain native Blade/HTML. */
.pier-subpage .pier-header{left:17%;width:80%;top:1.2cqw;padding-inline:2cqw}
.pier-subpage .pier-masthead{height:32.15cqw;margin:0;background:#10170f url('images/subpage-hero-v5.webp') center top/100% 100% no-repeat}
.pier-subpage .pier-masthead::after{display:none}
.pier-subpage .pier-masthead-logo{top:6.8cqw;left:3.8%;width:28.5%;max-width:none}
.pier-subpage .pier-subpage-shell{width:100%;margin:0}
.pier-subpage .pier-breadcrumb{position:relative;display:flex;align-items:center;gap:12px;min-height:5.08cqw;margin:0;padding:12px 7.7%;background:url('images/subpage-breadcrumb-v5.webp') center/100% 100% no-repeat;color:#d7c9ae;font-size:13px;line-height:1.5}
.pier-breadcrumb-home{display:inline-flex;align-items:center;gap:12px}
.pier-subpage .pier-breadcrumb .pier-icon{width:17px;height:17px;color:#d3aa68;flex-shrink:0}
.pier-subpage .pier-breadcrumb [aria-current=page]{color:#eddbb9}
.pier-subpage .pier-page-grid{width:100%;min-width:0;min-height:54cqw;padding:18px 6% 35px;background:linear-gradient(#0b0d09b3,#10110bc2),url('images/wood.webp') center/900px}
.pier-subpage .pier-page-grid--account{display:grid;grid-template-columns:19.5cqw minmax(0,1fr);align-items:start;gap:3.4cqw;min-height:62.25cqw;padding:1cqw 4.7cqw 3.2cqw 5.4cqw;background:url('images/subpage-body-v5.webp') center top/100% 100% no-repeat}
.pier-subpage .pier-document{min-width:0;padding:0;background:none;border:0;box-shadow:none;color:#e9ddc6;--document-ink:#e9ddc6;--document-muted:#b9ab91;--document-red:#e5b568;--document-line:#ba8d483b;--document-wash:#d3ac6e08}
.pier-subpage:not(.pier-has-sidebar) .pier-document{padding:22px 26px 30px;border:18px solid transparent;border-image:url('images/panel-frame-v5.webp') 80 130 80 130/18px stretch;background:linear-gradient(#0a0c09d9,#0d100bd9),url('images/wood.webp') center/900px}
.pier-subpage .pier-document-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:0;margin:0 0 20px;padding:3px 0 15px;border-bottom:1px solid #8d612b5e}
.pier-document-heading__copy{min-width:0}
.pier-subpage .pier-document .pier-page-title{margin:0;padding:0;border:0;color:#f1e5cd;font:400 clamp(32px,4cqw,47px)/1.08 Georgia,'Times New Roman',serif;text-align:left;overflow-wrap:anywhere}
.pier-page-subtitle{margin:4px 0 0;color:#deceb0;font:400 clamp(20px,2.3cqw,28px)/1.2 Georgia,'Times New Roman',serif}
.pier-subpage .pier-document-heading .pier-promotion{flex:1;min-width:0;max-width:475px;gap:10px;margin:0;padding:12px 18px;border:0;background:#171109a6;position:relative;isolation:isolate}
.pier-subpage .pier-document-heading .pier-promotion::before{content:'';position:absolute;z-index:-1;inset:0;border:10px solid transparent;border-image:url('images/panel-frame-v5.webp') 80 130 80 130/10px stretch;pointer-events:none}
.pier-subpage .pier-document-heading .pier-promotion strong{font:400 clamp(17px,1.85cqw,22px)/1.2 Georgia,serif;white-space:normal}
.pier-subpage .pier-document-heading .pier-promotion strong span{color:#ffc15a;text-shadow:0 0 9px #ff8a2866}
.pier-subpage .pier-document-heading .pier-promotion small{font-size:12px;line-height:1.5}
.pier-subpage .pier-document-heading .pier-promotion-deadline{max-width:175px;gap:9px;padding-left:12px;border-left:1px solid #8d612b80;font-size:11px}
.pier-promotion-deadline{display:flex;align-items:center;gap:10px}
.pier-promotion-deadline>.pier-icon{width:22px;height:22px;color:#e1a647;flex-shrink:0}
.pier-promotion-deadline>div{display:grid;gap:4px}
.pier-promotion-deadline time{font-size:11px;line-height:1.3;color:#bba78a}
.pier-promotion-deadline [data-promotion-countdown]{font-size:14px;line-height:1.3;color:#f0b54f;font-variant-numeric:tabular-nums}
.pier-promotion-deadline>div:has([data-promotion-countdown]:not(:empty)) time{color:#bba78a;font-size:10px}

/* The sidebar has its own nine-sliced edge, so a longer admin menu never escapes it. */
.pier-subpage .pier-account-sidebar{align-self:start;min-width:0;margin:0;padding:15px 9px 21px;border:12px solid transparent;border-image:url('images/panel-frame-v5.webp') 80 130 80 130/12px stretch;background:#0d110be8 url('images/wood.webp') center/550px}
.pier-account-sidebar .pier-account h2{position:relative;display:block;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #b8873b80;color:#f0dfc1;font:400 clamp(22px,2.2cqw,27px)/1.1 Georgia,serif;text-align:center}
.pier-account-sidebar .pier-account h2::after{content:'';position:absolute;left:50%;bottom:-5px;width:8px;height:8px;border:1px solid #d8a257;background:#20170b;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 5px #db8b192b}
.pier-account-sidebar .pier-account>p{display:block;margin:8px 0;font-size:15px;line-height:1.4}
.pier-account-sidebar .pier-account--signed-in .pier-balance{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;margin:9px 0 18px;font:400 clamp(22px,2.1cqw,26px)/1.25 Georgia,serif;white-space:normal;color:#e7b35b}
.pier-account-sidebar .pier-balance strong{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pier-balance>.pier-icon{width:25px;height:25px;color:#e6b551;flex-shrink:0}
.pier-account-sidebar .pier-account-links{display:grid;gap:0;margin-top:14px}
.pier-account-sidebar .pier-account-links>a,.pier-account-sidebar .pier-logout{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 3px;border:0;border-top:1px solid #86623245;background:none;color:#dfd3bc;font:400 14px/1.4 Georgia,serif;text-align:left}
.pier-account-links .pier-icon,.pier-logout .pier-icon{width:20px;height:20px;flex-shrink:0;color:#d5ac6d}
.pier-account-links a>span:not(.pier-account-chevron){min-width:0}
.pier-account-chevron{margin-left:auto;font-size:22px;line-height:1;opacity:0;color:#f1b650}
.pier-account-sidebar .pier-account-links a:is([aria-current=page],:hover,:focus-visible){background:linear-gradient(90deg,#a0520b30,#a96c0622,transparent);color:#ffe3a1;border-left:2px solid #f8a429;padding-left:6px;text-shadow:0 0 3px #ffd38dba,0 0 10px #ed971b99,0 0 17px #bc5e2255}
.pier-account-sidebar .pier-account-links a:is([aria-current=page],:hover,:focus-visible)::before{content:'';position:absolute;pointer-events:none;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#ed8a23,transparent);box-shadow:0 0 8px #ec751ecc}
.pier-account-sidebar .pier-account-links a:is([aria-current=page],:hover,:focus-visible)::after{content:'';position:absolute;pointer-events:none;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#ed8a23,transparent);box-shadow:0 0 8px #ec751eaa}
.pier-account-links a:is([aria-current=page],:hover,:focus-visible) .pier-account-chevron{opacity:1}
.pier-account-sidebar .pier-logout{margin-top:12px}
.pier-account-sidebar .pier-logout:hover{color:#ffce82;background:#a0660d19}
.pier-account-sidebar .pier-account-form{gap:6px}
.pier-account-sidebar .pier-account-form>label:not(.pier-remember){font-size:13px}
.pier-account-sidebar .pier-account-form>input{height:37px;min-height:37px}
.pier-account-sidebar .pier-account .pier-button{min-height:42px;font-size:20px;padding:8px 12px;margin-top:7px}
.pier-account-sidebar .pier-account-help{gap:8px;margin-top:12px;font-size:11px}
.pier-account-sidebar .pier-account-help a+a{padding-left:8px}
.pier-account-sidebar .pier-remember{font-size:11px;line-height:1.4;margin:7px 0}

/* Common form, table and document furniture uses the same restrained timber palette. */
.pier-subpage .pier-document :where(.dashboard-nav,.settings-buttons,.ranking-nav){gap:10px}
.pier-subpage .pier-document .dashboard-action{min-height:70px;padding:15px 20px;border:1px solid #916b3059;background:#21190c6e;color:#efd3a1;box-shadow:inset 0 0 0 3px #0b100b}
.pier-subpage .pier-document .dashboard-action:hover{border-color:#d6a258;color:#ffde9e;box-shadow:inset 0 0 12px #d28b2420}
.pier-subpage .pier-document .table-row{border-bottom:1px solid #9a72313b}
.pier-subpage .pier-document .table-col{color:inherit}
.pier-subpage .pier-document .table-row:nth-child(even){background:#2b251526}
.pier-subpage .pier-document :where(.ranking-nav a,.settings-buttons a){border-color:#9b703b59;background:#1d180d80;color:#e7c58e}
.pier-subpage .pier-document :where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){background:#090d0be8;border-color:#775a31;border-bottom-color:#b7863c;color:#f1dfc0;box-shadow:inset 0 2px 6px #0008}
.pier-subpage .pier-document .form-group label{color:#e3d6bd}
.pier-subpage .pier-document :is(.btn,.btn-show,.scroll-button,button[type=submit]):not(.pier-button){border:0;min-height:44px;padding:10px 24px;background:url('images/action-frame-v5.webp') center/100% 100% no-repeat;color:#efdbb3;box-shadow:none}
.pier-subpage .pier-document :is(.btn,.btn-show,.scroll-button,button[type=submit]):not(.pier-button):hover{filter:brightness(1.18)}
.pier-subpage .pier-footer-scene{min-height:13cqw;padding:5cqw 9% 20px;background:url('images/subpage-footer-v5.webp') center/100% 100% no-repeat}
.pier-subpage .pier-community-links{display:none}
.pier-subpage .pier-footer{padding:0;font-size:12px;gap:10px 22px}
.pier-subpage .pier-footer p{width:auto;font-size:13px}
.pier-subpage .pier-appearance{margin-top:3px}

@media(max-width:1100px) and (min-width:901px){
 .pier-subpage .pier-document-heading{align-items:flex-start;flex-direction:column;gap:14px}
 .pier-subpage .pier-document-heading .pier-promotion{width:100%;max-width:none}
 .pier-subpage .pier-account-sidebar{padding-inline:5px;border-width:10px}
 .pier-account-sidebar .pier-account-links>a,.pier-account-sidebar .pier-logout{font-size:13px;gap:7px}
 .pier-account-sidebar .pier-account--signed-in .pier-balance{font-size:22px;gap:5px}
}
@media(max-width:900px){
 .pier-subpage .pier-header{left:auto;top:auto;width:100%;padding:10px 5%}
 .pier-subpage .pier-masthead{height:32.15cqw;min-height:190px;background-size:cover;background-position:center top}
 .pier-subpage .pier-masthead-logo{top:6cqw;left:4%;width:30%;max-width:280px}
 .pier-subpage .pier-breadcrumb{min-height:60px;padding:15px 7%;gap:10px;font-size:12px;background-size:100% 100%}
 .pier-subpage .pier-page-grid,.pier-subpage .pier-page-grid--account{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding:20px 6% 35px;background:linear-gradient(#0b100bde,#0c100deb),url('images/subpage-body-v5.webp') center/cover}
 .pier-subpage .pier-account-sidebar{padding:16px 20px 18px;border-width:12px}
 .pier-account-sidebar .pier-account h2{font-size:27px;margin-bottom:20px;padding-bottom:12px}
 .pier-account-sidebar .pier-account--signed-in>p{display:inline-flex;margin:0 15px 10px 0;font-size:16px}
 .pier-account-sidebar .pier-account--signed-in .pier-balance{font-size:24px}
 .pier-account-sidebar .pier-account-links{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:10px}
 .pier-account-sidebar .pier-account-links>a{width:auto;gap:8px;padding:8px 4px;font-size:14px;border:0}
 .pier-account-sidebar .pier-account-links a:is([aria-current=page],:hover,:focus-visible){padding-left:6px}
 .pier-account-sidebar .pier-logout{width:auto;gap:8px;font-size:14px;padding:8px 4px}
 .pier-account-sidebar .pier-account-chevron{display:none}
 .pier-account-sidebar .pier-account-form{width:min(100%,440px);margin:auto}
 .pier-account-sidebar .pier-account-form>input{height:44px}
 .pier-account-sidebar .pier-account-form>label:not(.pier-remember){font-size:14px}
 .pier-account-sidebar .pier-account .pier-button{min-height:46px;font-size:23px}
 .pier-account-sidebar .pier-account-help{font-size:12px}
 .pier-subpage .pier-document-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:23px;padding-bottom:20px}
 .pier-subpage .pier-document .pier-page-title{font-size:clamp(30px,6cqw,43px)}
 .pier-page-subtitle{font-size:23px;margin-top:5px}
 .pier-subpage .pier-document-heading .pier-promotion{width:100%;max-width:none;padding:14px 19px;gap:15px}
 .pier-subpage .pier-document-heading .pier-promotion strong{font-size:21px}
 .pier-subpage .pier-document-heading .pier-promotion-deadline{max-width:180px;padding-left:15px}
 .pier-subpage .pier-document{padding:0}
 .pier-subpage:not(.pier-has-sidebar) .pier-document{padding:17px 17px 24px;border-width:14px}
 .pier-subpage .pier-footer-scene{padding:45px 8% 25px;min-height:170px}
 .pier-subpage .pier-footer p{width:100%}
}
@media(max-width:480px){
 .pier-subpage .pier-masthead{min-height:150px;background-position:65% top}
 .pier-subpage .pier-masthead-logo{top:28px;left:4%;width:37%}
 .pier-subpage .pier-breadcrumb{padding:14px 6%;gap:8px;font-size:11px}
 .pier-breadcrumb-home{gap:7px}
 .pier-subpage .pier-page-grid,.pier-subpage .pier-page-grid--account{padding:17px 5% 27px}
 .pier-subpage .pier-account-sidebar{padding:13px 15px 18px}
 .pier-account-sidebar .pier-account-links{gap:5px 12px}
 .pier-subpage .pier-document-heading .pier-promotion{align-items:flex-start;gap:12px;padding:14px 17px}
 .pier-subpage .pier-document-heading .pier-promotion strong{font-size:20px}
 .pier-subpage .pier-document-heading .pier-promotion-deadline{border-left:0;border-top:1px solid #8d612b80;padding:10px 0 0;max-width:none;width:100%}
 .pier-subpage:not(.pier-has-sidebar) .pier-document{padding:15px 10px 20px;border-width:12px}
}