:root{
  --navy:#101d2a;--navy2:#182b3e;--navy3:#233c55;--gold:#c29a4a;--gold2:#e1c57c;
  --ink:#2a1b0e;--muted:#6d5436;--paper:#d9bd82;--paper2:#ecd8a8;--paper3:#f3e5bd;
  --line:#8b6736;--wood:#2b1609;--wood2:#4c2a14;--red:#7a2b20;--green:#516239;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Georgia,'Times New Roman',serif;color:var(--ink)}
body{
  background:
    radial-gradient(circle at 20% 12%,rgba(255,255,255,.2),transparent 25%),
    repeating-linear-gradient(0deg,rgba(56,35,14,.04) 0 1px,transparent 1px 3px),
    linear-gradient(#9f7a47,#66401f);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background:radial-gradient(ellipse at center,transparent 48%,rgba(19,8,2,.55) 100%)}
.film-grain{position:fixed;inset:0;pointer-events:none;z-index:98;opacity:.34;mix-blend-mode:multiply;background-image:
 repeating-radial-gradient(circle at 20% 30%,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),
 repeating-linear-gradient(91deg,transparent 0 4px,rgba(255,255,255,.035) 4px 5px)}
a{color:#173956;text-underline-offset:3px}

/* Full headquarters frame */
.hq-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);border:10px ridge #3c210e;background:var(--wood)}
.hq-sidebar{position:sticky;top:0;height:calc(100vh - 20px);z-index:10;background:
 linear-gradient(rgba(255,255,255,.025),transparent),
 repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
 #101b27;border-right:6px ridge #4b2b15;color:#dcc184;box-shadow:6px 0 18px #0008;display:flex;flex-direction:column}
.sidebar-seal{width:166px;height:166px;border-radius:50%;margin:15px auto 4px;border:3px solid #c5a257;box-shadow:0 0 0 5px #07101a,0 0 0 8px #755324,0 8px 20px #000;overflow:hidden;background:#061424}
.sidebar-seal img{width:100%;height:100%;object-fit:cover}
.sidebar-title{text-align:center;padding:4px 12px 15px;border-bottom:3px double #725329;text-transform:uppercase;letter-spacing:.08em}
.sidebar-title b{display:block;font-size:1.08rem}.sidebar-title span{display:block;font-size:.66rem;color:#a98c58;margin-top:3px}
.orderly-nav{display:flex;flex-direction:column;padding:8px 0}
.orderly-nav a{color:#d8bd7e;text-decoration:none;padding:13px 18px;border-bottom:1px solid rgba(194,154,74,.16);font-variant:small-caps;letter-spacing:.075em;font-size:.86rem;display:flex;gap:11px;align-items:center}
.orderly-nav a:hover{background:#1b3146;color:#f4dfaa;box-shadow:inset 4px 0 0 var(--gold)}
.orderly-nav a span{flex:1}.nav-headquarters{border-top:1px solid rgba(194,154,74,.16)}
.signed-in-card{margin:auto 13px 14px;padding:12px;border:1px solid #725329;background:#0b151f;color:#bda36d;text-align:center;font-size:.7rem;line-height:1.45}
.signed-in-card strong{display:block;color:#f0db9e}.signed-in-card small{display:block;color:#806c4a;margin-top:3px}
.hq-stage{min-width:0;background:
 radial-gradient(circle at 10% 10%,rgba(255,255,255,.2),transparent 24%),
 repeating-linear-gradient(0deg,rgba(88,60,25,.035) 0 1px,transparent 1px 4px),
 linear-gradient(#dfc68f,#cbaa6d)}
.regimental-banner{height:190px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:#e2c47c;border-bottom:7px ridge #4d2b15;background:
 linear-gradient(90deg,rgba(5,13,22,.98),rgba(13,29,44,.96) 65%,rgba(18,39,58,.95)),
 repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.012) 8px 9px)}
.regimental-banner:before,.regimental-banner:after{content:"";position:absolute;top:18px;bottom:18px;width:40%;border-top:1px solid #9f7937;border-bottom:1px solid #9f7937;opacity:.7}
.regimental-banner:before{left:0}.regimental-banner:after{right:0}
.banner-copy{text-align:center;position:relative;z-index:2;text-shadow:0 3px 2px #000}
.banner-copy p{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.64rem;color:#ad8c53}
.banner-copy h1{margin:5px 0 0;font-size:clamp(2.3rem,5vw,4.3rem);letter-spacing:.035em;font-variant:small-caps}
.banner-copy h2{margin:0;font-size:1.15rem;letter-spacing:.25em;text-transform:uppercase;font-weight:normal}
.banner-rule{display:flex;align-items:center;gap:8px;color:#b48d45;margin:-2px 0}.banner-rule:before,.banner-rule:after{content:"";height:1px;width:150px;background:linear-gradient(90deg,transparent,#b48d45)}.banner-rule:after{transform:rotate(180deg)}
.banner-motto{margin-top:9px;letter-spacing:.25em;text-transform:uppercase;font-size:.73rem}.banner-motto i{color:#9e742d;margin:0 7px}
.banner-flag{position:absolute;right:5%;font-size:5rem;opacity:.08;transform:rotate(-8deg)}
.hq-main{padding:18px;max-width:1500px;margin:auto}.hq-footer{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:17px;border-top:4px double #84612f;color:#4e3319;font-size:.72rem;letter-spacing:.07em;background:#b99357}

/* Period papers */
.parchment-sheet,.ledger-sheet,.search,.field-message,.login-card{
 position:relative;background:
 radial-gradient(circle at 20% 15%,rgba(255,255,255,.28),transparent 28%),
 repeating-linear-gradient(0deg,transparent 0 24px,rgba(90,60,25,.045) 24px 25px),
 linear-gradient(135deg,#ead6a5,#d3b477 80%,#c8a566);
 border:1px solid #78552b;box-shadow:0 8px 18px rgba(28,13,3,.42),inset 0 0 35px rgba(82,49,16,.13)}
.parchment-sheet:before,.ledger-sheet:before{content:"";position:absolute;inset:6px;border:1px solid rgba(88,57,22,.28);pointer-events:none}
.headquarters-spread{display:grid;grid-template-columns:1.3fr .8fr;gap:12px;margin-bottom:12px}
.command-dispatch,.field-photograph{padding:28px 30px;min-height:265px}.command-dispatch h2,.field-photograph h2{font-variant:small-caps;text-transform:uppercase;font-size:2rem;letter-spacing:.04em;margin:.1em 0 .5em;border-bottom:1px solid #8b6736;padding-bottom:8px}.command-dispatch>p{line-height:1.65;max-width:680px}.script-line,.script-closing,.command-signature b{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;color:#5c321a}.script-line{font-size:1.08rem;margin:0}.command-signature{margin-top:26px;display:flex;flex-direction:column;width:220px}.command-signature span,.command-signature small{font-size:.72rem}.command-signature b{font-size:1.32rem;font-weight:normal}.red-seal{position:absolute;right:34px;bottom:30px;width:92px;height:92px;border-radius:50%;border:3px double rgba(111,35,25,.7);color:rgba(111,35,25,.78);display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:.62rem;letter-spacing:.06em;transform:rotate(-9deg)}
.field-photograph{padding:20px}.photo-scene{height:175px;border:8px solid #c0a16b;box-shadow:inset 0 0 30px #321b0d,0 5px 10px #0005;background:
 linear-gradient(rgba(43,28,15,.33),rgba(43,28,15,.33)),
 radial-gradient(circle at 50% 25%,#eee0b7 0 8%,transparent 9%),
 linear-gradient(#9c8d6c 0 52%,#665033 53%);display:grid;place-items:center;align-content:center;color:#3c2916;filter:sepia(.6) contrast(.9)}.photo-scene span{font-size:3rem}.photo-scene b{font-size:1.25rem}.photo-scene small{font-style:italic}.field-photograph p{font-style:italic;line-height:1.45;color:#5d452a}
.orders-dispatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.compact-sheet{padding:20px 24px}.compact-sheet header{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #896536;margin-bottom:12px}.compact-sheet h3{margin:0;font-variant:small-caps;text-transform:uppercase;font-size:1.25rem}.compact-sheet time{font-family:'Brush Script MT','Segoe Script',cursive}.period-list{margin:8px 0 0;padding-left:24px;line-height:1.65}.script-closing{text-align:right;margin:8px 10px 0}.morning-return{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.morning-return div{text-align:center;padding:13px 7px;border:1px solid #9a7542;background:rgba(255,246,215,.34)}.morning-return strong{display:block;font-size:1.8rem;color:#18344f}.morning-return span{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.office-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.office-panel{border:5px ridge #4b2a14;background:#dbc18b;min-height:220px;display:flex;flex-direction:column}.office-panel h3{margin:0;padding:13px;color:#d9ba75;background:#14263a;text-align:center;font-variant:small-caps;text-transform:uppercase;letter-spacing:.06em;border-bottom:3px double #987134}.mini-ledger{padding:12px;flex:1}.mini-ledger a{display:grid;grid-template-columns:1fr auto auto;gap:7px;color:#2b1b0c;text-decoration:none;padding:7px;border-bottom:1px dotted #82602f;font-size:.7rem}.mini-ledger small{color:#745834}.feature-number{display:grid;place-items:center;align-content:center;flex:1;padding:20px}.feature-number strong{font-size:3.4rem;color:#18344f}.feature-number span{text-align:center;font-size:.8rem}.decoration-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:28px 16px;flex:1}.decoration-preview span{height:55px;display:grid;place-items:center;background:#b68732;color:#f5dfaa;border:1px solid #77501f;border-radius:50%;box-shadow:0 4px 5px #0004}.ledger-button{display:block;margin:9px auto 14px;padding:9px 14px;width:max-content;max-width:90%;color:#e6cb89;background:#2a1a0e;text-decoration:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.07em;border:2px ridge #86612d}

/* General pages */
.record-breadcrumb{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 9px;color:#594021}.service-record-document{padding:15px;margin-bottom:14px}.record-document-header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #4a321c;padding:6px 7px 11px;margin-bottom:13px}.record-document-header p{margin:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.record-document-header h2{font-size:2rem;margin:2px 0 0;font-variant:small-caps;text-transform:uppercase}.record-number{text-align:right}.record-number span{display:block;font-size:.6rem;text-transform:uppercase}.record-number strong{font-size:1.4rem;color:var(--red)}
.service-record-grid{display:grid;grid-template-columns:minmax(0,760px) 255px;gap:16px;align-items:start}.uniform-record{margin:0}.uniform-image-wrap{position:relative}.uniform-image-wrap>img{width:100%;display:block;border:1px solid #5f3e1e;box-shadow:0 8px 18px #0005}.period-name-slip{position:absolute;left:27%;right:27%;bottom:10.3%;padding:11px 14px;background:linear-gradient(#ead8a9,#d8bc82);border:1px solid #7a572e;box-shadow:0 4px 7px #0007, inset 0 0 11px rgba(84,50,13,.15);transform:rotate(-.3deg);display:grid;gap:1px;z-index:5}.period-name-slip:before{content:"";position:absolute;inset:4px;border:1px solid rgba(105,72,31,.25)}.period-name-slip div{position:relative;display:grid;grid-template-columns:34% 1fr;gap:8px;padding:2px 0;border-bottom:1px dotted rgba(94,61,26,.6);font-size:.72rem;line-height:1.1}.period-name-slip span{text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}.period-name-slip strong{font-family:'Brush Script MT','Segoe Script',cursive;font-size:.9rem;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.medal-rack{position:absolute;z-index:4;top:28%;left:55%;width:20%;display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}.uniform-medal{width:38px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 1px #0008)}.medal-fallback{display:flex;flex-direction:column;align-items:center}.medal-fallback i{width:17px;height:13px;background:linear-gradient(90deg,#1f3550 0 33%,#c29948 33% 66%,#6e2119 66%);border:1px solid #281507}.medal-fallback b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ae8134;color:#f7e4b3;border:2px ridge #704b1d;font-size:.45rem}.record-docket{display:flex;flex-direction:column;gap:9px}.record-docket h3{background:#152a40;color:#ddbf78;padding:11px;text-align:center;margin:0;border:3px ridge #67451e;font-variant:small-caps;text-transform:uppercase}.docket-stat,.record-certification{padding:14px;border:1px solid #80602f;background:rgba(250,237,199,.55)}.docket-stat{text-align:center}.docket-stat strong{display:block;font-size:2rem;color:#18344f}.docket-stat span{text-transform:uppercase;font-size:.65rem;letter-spacing:.07em}.record-certification{font-size:.78rem;line-height:1.5}.record-certification b{font-variant:small-caps;font-size:1rem}.record-certification span{font-family:'Brush Script MT','Segoe Script',cursive;font-size:1rem}.period-columns{margin-top:12px}
.ledger-sheet{padding:24px;margin-bottom:13px}.ledger-sheet h3{margin:0 0 16px;padding-bottom:8px;text-align:center;color:#17334d;font-variant:small-caps;text-transform:uppercase;border-bottom:3px double #8b6736}.record-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ledger-row{display:flex;justify-content:space-between;gap:14px;padding:10px 4px;border-bottom:1px dotted #8b6736}.ledger-row>div{display:flex;flex-direction:column}.ledger-row small{color:#6c5131}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.person-card{position:relative;padding:14px 12px 14px 38px;border:1px solid #896536;background:rgba(255,247,220,.48);display:flex;flex-direction:column;color:#2b1b0c;text-decoration:none}.card-index,.entry-number{position:absolute;left:10px;top:12px;width:19px;height:19px;border:1px solid #8a6634;display:grid;place-items:center;font-size:.65rem}.person-card span,.person-card small{color:#705333}.badge{display:inline-block;padding:4px 8px;border:1px solid #857449;background:#d9cfaa;font-size:.62rem;text-transform:uppercase}.badge.active{background:#d6dec2;color:#354426}.badge.revoked{background:#e1c1b7;color:#74281f}.search{display:flex;gap:8px;padding:12px;margin-bottom:12px}.search input,.decoration-form input,.decoration-form textarea,.decoration-form select{width:100%;padding:11px;border:1px solid #8b6736;background:#fff4d5;font:inherit}.search input{flex:1}button{padding:10px 15px;border:2px ridge #695022;background:#18344f;color:#ead29a;font:700 .68rem Georgia,serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.danger-button{background:#6d281f}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:rgba(247,232,193,.52)}th,td{padding:11px;border-bottom:1px solid #8b6736;text-align:left}th{background:#16324d;color:#e5ca86;text-transform:uppercase;font-size:.67rem;letter-spacing:.08em}tbody tr:nth-child(even){background:rgba(111,76,31,.08)}
.document-heading{padding:25px;text-align:center;margin-bottom:13px}.document-heading h2{margin:.1em 0;font-variant:small-caps;text-transform:uppercase;font-size:2.1rem}.document-heading p{color:#6d5334}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#72291f;font-size:.65rem;font-weight:bold}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.section-title span{font-variant:small-caps;text-transform:uppercase;font-size:1.2rem;font-weight:bold;color:#17344f}.decoration-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.decoration-form label{display:flex;flex-direction:column;gap:5px;font-size:.68rem;text-transform:uppercase}.decoration-form .wide{grid-column:1/-1}.decoration-grid{display:grid;gap:9px}.decoration-card{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;border-bottom:1px dotted #8b6736;padding:10px}.decoration-art{width:84px;height:84px;display:grid;place-items:center;background:#b99a62;border:1px solid #77552a}.decoration-art img{max-width:76px;max-height:76px}.field-message{padding:13px;margin-bottom:12px}.field-message.error{border-left:6px solid var(--red)}.field-message.notice{border-left:6px solid var(--green)}

/* Login */
.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle,#d8bd83,#63401f)}.login-wrap{width:min(570px,100%);text-align:center}.login-seal{width:118px;height:118px;margin:0 auto -48px;position:relative;z-index:2;border-radius:50%;overflow:hidden;border:5px double #b69143;box-shadow:0 7px 15px #0008;background:#091929}.login-seal img{width:100%;height:100%;object-fit:cover}.login-card{padding:65px 42px 40px}.login-card h1{font-variant:small-caps;text-transform:uppercase;font-size:2.5rem;margin:.1em}.login-card h2{color:#17344f}.dispatch{line-height:1.6;font-style:italic}.discord-login-button{display:inline-block;padding:12px 20px;color:#efd99f;background:#18344f;border:3px ridge #8c682f;text-decoration:none;text-transform:uppercase;font-weight:bold;letter-spacing:.09em}.document-number{font-size:.63rem;text-transform:uppercase;letter-spacing:.12em;color:#6d5334}.access-denied-sheet{max-width:720px;margin:40px auto;text-align:center}

@media(max-width:1100px){.hq-shell{grid-template-columns:190px 1fr}.sidebar-seal{width:130px;height:130px}.office-panels{grid-template-columns:repeat(2,1fr)}.morning-return{grid-template-columns:repeat(3,1fr)}.service-record-grid{grid-template-columns:1fr}.record-docket{display:grid;grid-template-columns:repeat(4,1fr)}.record-certification{grid-column:1/-1}}
@media(max-width:780px){.hq-shell{display:block;border-width:5px}.hq-sidebar{position:relative;height:auto;border-right:0;border-bottom:5px ridge #4b2b15}.sidebar-seal{width:95px;height:95px}.orderly-nav{display:grid;grid-template-columns:repeat(2,1fr)}.signed-in-card{margin:9px}.regimental-banner{height:145px}.banner-copy h1{font-size:2.2rem}.banner-rule:before,.banner-rule:after{width:70px}.headquarters-spread,.orders-dispatch-grid,.record-columns{grid-template-columns:1fr}.office-panels{grid-template-columns:1fr}.morning-return{grid-template-columns:repeat(2,1fr)}.service-record-grid{grid-template-columns:1fr}.record-docket{grid-template-columns:repeat(2,1fr)}.period-name-slip{left:18%;right:18%;bottom:9.4%}.period-name-slip div{font-size:.62rem}.period-name-slip strong{font-size:.75rem}.medal-rack{top:27%;left:55%}.uniform-medal{width:28px;height:36px}.hq-main{padding:10px}.decoration-form{grid-template-columns:1fr}.decoration-card{grid-template-columns:70px 1fr}.decoration-card form{grid-column:1/-1}}

/* Public read-only headquarters mode */
.read-only-notice {
  margin: 12px 22px 0;
  padding: 9px 14px;
  border: 1px solid rgba(99, 55, 22, .6);
  background: rgba(232, 207, 151, .88);
  color: #40250f;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: inset 0 0 18px rgba(92, 49, 16, .12), 0 2px 8px rgba(0,0,0,.25);
}
.public-return-card strong { color: #d8bd7b; }


/* Clean Civil War Headquarters presentation — no grain/noise overlays */
body{
  background:linear-gradient(180deg,#9c794d 0%,#6b4729 100%);
}
body:before{display:none!important}
.film-grain{display:none!important}
.hq-shell{
  border:8px ridge #3b210f;
  background:#2d180c;
  box-shadow:inset 0 0 0 1px #8a6335;
}
.hq-sidebar{
  background:linear-gradient(180deg,#111f2e 0%,#0b1722 100%);
  box-shadow:6px 0 14px rgba(0,0,0,.52);
}
.hq-stage{
  background:linear-gradient(180deg,#dfc894 0%,#c9aa70 100%);
}
.regimental-banner{
  background:linear-gradient(90deg,#091521 0%,#11283d 58%,#0c1e2e 100%);
  box-shadow:inset 0 -10px 24px rgba(0,0,0,.28);
}
.regimental-banner:before,.regimental-banner:after{opacity:.5}
.parchment-sheet,.ledger-sheet,.search,.field-message,.login-card{
  background:linear-gradient(145deg,#f0dfb6 0%,#dfc48c 68%,#d1ae70 100%);
  box-shadow:0 7px 16px rgba(30,15,5,.34),inset 0 0 0 1px rgba(255,248,221,.28);
}
.parchment-sheet:before,.ledger-sheet:before{border-color:rgba(88,57,22,.22)}
.field-photograph .photo-scene{
  filter:sepia(.42) contrast(.96);
  background:
    linear-gradient(rgba(55,37,19,.2),rgba(55,37,19,.2)),
    radial-gradient(circle at 50% 25%,#eee0b7 0 8%,transparent 9%),
    linear-gradient(#a89a78 0 52%,#6c5639 53%);
}
.office-panel{background:#dfc792}
.mini-ledger a,.ledger-row,.decoration-card{border-color:#987044}
.table-wrap table,table{background:#ead5a4}
tbody tr:nth-child(even){background:#dbc18b}
.search input,.decoration-form input,.decoration-form textarea,.decoration-form select{background:#fff4d7}
.period-name-slip{
  background:linear-gradient(180deg,#eedbad 0%,#dcc18a 100%);
  box-shadow:0 4px 8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,250,226,.25);
}
.read-only-notice{
  background:#dfc58d;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.login-body{background:radial-gradient(circle at center,#cdb181 0%,#8c6842 58%,#5d3a22 100%)}

/* Main Headquarters page — matched to the approved Civil War command-board reference */
.nav-display{color:#d8bd7e;padding:13px 18px;border-bottom:1px solid rgba(194,154,74,.16);font-variant:small-caps;letter-spacing:.075em;font-size:.86rem;display:flex;gap:11px;align-items:center;opacity:.88}
.nav-display em{font-style:normal;flex:1}
.banner-flag-image{position:absolute;right:-1%;top:-13%;height:126%;width:34%;object-fit:cover;object-position:left center;opacity:.52;mix-blend-mode:screen;filter:sepia(.36) contrast(1.12) brightness(.68);mask-image:linear-gradient(90deg,transparent 0%,#000 27%,#000 100%)}
.regimental-banner{justify-content:flex-start;padding-left:5.5%;height:188px}
.banner-copy{width:68%;text-align:center}
.banner-copy h1{font-size:clamp(2.55rem,5vw,4.45rem)}
.hq-main{padding:10px 12px 14px}
.read-only-notice{display:none}

.hq-command-board{display:grid;grid-template-columns:1.25fr .82fr;grid-template-areas:"order photo" "day dispatch";gap:0;border:5px ridge #4a2b16;background:#5a351c;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.hq-command-board>.parchment-sheet{border-radius:0;box-shadow:none;border:1px solid #79562e;background:linear-gradient(145deg,#ead5a2,#d2b178);min-width:0}
.headquarters-order{grid-area:order;padding:24px 28px 17px;min-height:250px;border-right:0!important;border-bottom:0!important}
.company-field-photo{grid-area:photo;margin:0;padding:14px 14px 10px;border-bottom:0!important;display:flex;flex-direction:column;justify-content:center}
.order-of-day{grid-area:day;border-right:0!important}
.latest-dispatch{grid-area:dispatch}
.headquarters-order h2{font-size:2rem;text-transform:uppercase;font-variant:small-caps;letter-spacing:.025em;margin:.25rem 0 .75rem;padding-bottom:7px;border-bottom:1px solid rgba(104,72,34,.48)}
.command-text{font-size:.98rem;line-height:1.58;max-width:650px;margin-right:100px}
.home-signature{margin-top:21px}
.headquarters-seal{position:absolute;right:34px;bottom:21px;width:104px;height:104px;border-radius:50%;border:3px double rgba(120,42,29,.78);color:rgba(120,42,29,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;transform:rotate(-8deg);font-size:.56rem;letter-spacing:.05em;box-shadow:inset 0 0 0 4px rgba(120,42,29,.08)}
.headquarters-seal b{font-size:1.3rem;margin:2px}.headquarters-seal small{font-size:.51rem}
.period-photo-frame{height:208px;border:7px solid #cbb181;outline:1px solid #76552f;box-shadow:0 4px 9px rgba(49,25,8,.45);overflow:hidden;background:#a58a5b}
.period-photo-frame img{width:100%;height:100%;object-fit:cover;filter:sepia(.62) grayscale(.38) contrast(.92) brightness(.94)}
.company-field-photo figcaption{text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;color:#604422;margin-top:8px}
.home-ledger-panel{min-height:196px;padding:16px 21px 13px}
.ledger-panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #876437;margin-bottom:10px}
.ledger-panel-heading h3{margin:0;text-transform:uppercase;font-variant:small-caps;letter-spacing:.04em;font-size:1.15rem}
.ledger-panel-heading time{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:1rem;color:#5a351b}
.home-orders{font-size:.87rem;line-height:1.52;margin:8px 0 3px;padding-left:1.35rem}
.home-orders li{padding-left:.2rem}
.dispatch-copy{font-size:.9rem;line-height:1.56;max-width:82%;margin:10px 0}.dispatch-rider{position:absolute;right:23px;bottom:33px;font-size:4.5rem;color:#80623a;opacity:.62;transform:scaleX(-1)}
.home-ledger-panel .script-closing{text-align:right;margin:4px 15px 0 0;font-size:1rem}
.home-returns-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.home-return-card{background:linear-gradient(#142a3d,#0e1e2d);border:4px ridge #4e2c15;color:#dec581;text-decoration:none;text-align:center;padding:9px 8px 11px;display:flex;flex-direction:column;min-height:104px;box-shadow:0 4px 9px rgba(0,0,0,.38)}
.home-return-card:hover{background:linear-gradient(#1b3852,#10283c);color:#f0d99e}
.home-return-card span{text-transform:uppercase;font-variant:small-caps;letter-spacing:.06em;border-bottom:1px solid rgba(204,166,83,.42);padding-bottom:6px;font-size:.83rem}
.home-return-card strong{font-size:1.75rem;margin:7px 0 1px}.home-return-card small{font-size:.64rem;color:#bda66e}

@media(max-width:1000px){.hq-command-board{grid-template-columns:1fr;grid-template-areas:"order" "photo" "day" "dispatch"}.headquarters-order,.company-field-photo,.order-of-day{border-right:1px solid #79562e!important}.company-field-photo{border-top:1px solid #79562e!important}.period-photo-frame{height:280px}.home-returns-strip{grid-template-columns:repeat(2,1fr)}.banner-flag-image{width:42%;opacity:.35}.banner-copy{width:76%}}
@media(max-width:780px){.regimental-banner{justify-content:center;padding-left:0}.banner-copy{width:100%}.banner-flag-image{display:none}.command-text{margin-right:0}.headquarters-seal{position:relative;right:auto;bottom:auto;margin:18px 0 0 auto}.home-returns-strip{grid-template-columns:1fr}.period-photo-frame{height:220px}}

/* Final approved Headquarters main page — reduced offices and reference-accurate layout */
.sidebar-title,.nav-display{display:none!important}
.hq-sidebar{padding-top:0}
.orderly-nav{margin-top:4px}
.orderly-nav a{font-size:1rem;padding:17px 19px;text-transform:uppercase;font-variant:small-caps;letter-spacing:.055em}
.orderly-nav a:first-child{border-top:1px solid rgba(194,154,74,.22)}
.regimental-banner{height:205px;padding-left:3%;justify-content:center}
.banner-copy{width:72%;padding-right:4%}
.banner-copy h1{font-size:clamp(3rem,5.6vw,5.15rem);line-height:.96;margin:0}
.banner-copy h2{font-size:1.55rem;margin-top:2px}
.banner-motto{font-size:1.02rem;letter-spacing:.17em;margin-top:8px}
.banner-flag-image{right:-2%;width:31%;height:122%;opacity:.62}
.hq-main{padding:0}

.hq-reference-board{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"welcome photo" "dispatch overview";gap:0;border:5px ridge #4b2a15;background:#4b2a15;box-shadow:0 8px 24px rgba(0,0,0,.48)}
.hq-reference-board>.parchment-sheet{border-radius:0;margin:0;box-shadow:none;border:1px solid #846037;background:linear-gradient(145deg,#ead6a7 0%,#d6b77e 100%)}
.reference-welcome{grid-area:welcome;min-height:330px;padding:31px 34px 24px;border-right:0!important;border-bottom:0!important;position:relative}
.reference-welcome h2{font-size:2.15rem;text-transform:uppercase;font-variant:small-caps;letter-spacing:.015em;margin:.25rem 0 .85rem;padding-bottom:8px;border-bottom:1px solid rgba(105,72,33,.52)}
.reference-welcome .command-text{font-size:1rem;line-height:1.62;max-width:680px;margin-right:105px}
.reference-photo{grid-area:photo;padding:19px;border-bottom:0!important;display:flex;align-items:center}
.reference-photo .period-photo-frame{width:100%;height:292px;border:8px solid #cbb181;outline:1px solid #70502b}
.reference-dispatch{grid-area:dispatch;min-height:208px;padding:18px 25px;border-right:0!important}
.reference-overview{grid-area:overview;min-height:208px;padding:18px 25px}
.reference-dispatch .dispatch-copy{font-size:.96rem;line-height:1.52;max-width:78%}
.reference-dispatch .dispatch-rider{right:28px;bottom:32px;font-size:5.2rem}
.overview-ledger{margin:10px 0 0}
.overview-ledger div,.mini-overview div{display:flex;align-items:flex-end;gap:8px;margin:8px 0}
.overview-ledger dt,.mini-overview dt{white-space:nowrap}
.overview-ledger dt:after,.mini-overview dt:after{content:"";display:inline-block;width:100%;border-bottom:1px dotted #725430;margin-left:8px;transform:translateY(-3px)}
.overview-ledger dt,.mini-overview dt{display:flex;align-items:flex-end;flex:1}
.overview-ledger dd,.mini-overview dd{margin:0;font-weight:bold;min-width:28px;text-align:right}

.reference-lower-panels{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:0;border:5px ridge #4b2a15;border-top:0;background:#4b2a15}
.reference-office-panel{border-radius:0!important;margin:0!important;min-height:230px;padding:17px 20px 18px!important;border:1px solid #846037!important;box-shadow:none!important;display:flex;flex-direction:column;background:linear-gradient(145deg,#ead6a7 0%,#d6b77e 100%)!important}
.reference-office-panel header{border-bottom:1px solid #886437;margin-bottom:12px}
.reference-office-panel h3{margin:0 0 8px;text-transform:uppercase;font-variant:small-caps;letter-spacing:.045em;font-size:1.3rem}
.reference-office-panel p{font-size:.88rem;line-height:1.45;margin:4px 0 14px}
.period-button{margin-top:auto;align-self:center;min-width:190px;text-align:center;text-decoration:none;text-transform:uppercase;font-variant:small-caps;letter-spacing:.07em;font-weight:bold;color:#e2c77f;background:linear-gradient(#183247,#0d1e2d);border:4px ridge #6b4722;padding:9px 14px;box-shadow:0 4px 8px rgba(0,0,0,.35)}
.period-button:hover{background:linear-gradient(#244760,#142c40);color:#f1dca0}
.medal-preview-row{display:flex;justify-content:center;align-items:center;gap:17px;min-height:76px;margin:2px 0 5px}
.medal-preview-row span{display:grid;place-items:center;width:48px;height:58px;color:#7b241b;background:linear-gradient(#c29a43 0 28%,#8c251f 28% 44%,#d7ad52 44%);border:2px solid #755121;border-radius:3px 3px 50% 50%;font-size:1.4rem;text-shadow:0 1px #f5d998;box-shadow:0 4px 5px #0005}
.mini-overview{margin:4px 0 15px}

@media(max-width:1050px){
 .hq-reference-board{grid-template-columns:1fr;grid-template-areas:"welcome" "photo" "dispatch" "overview"}
 .reference-welcome,.reference-photo,.reference-dispatch{border-right:1px solid #846037!important}
 .reference-photo{border-top:1px solid #846037!important}
 .reference-lower-panels{grid-template-columns:1fr}
 .banner-copy{width:78%}.banner-flag-image{width:38%;opacity:.4}
}
@media(max-width:780px){
 .regimental-banner{height:150px;padding:0}.banner-copy{width:100%;padding:0 12px}.banner-copy h1{font-size:2.35rem}.banner-copy h2{font-size:1rem}.banner-motto{font-size:.72rem}.banner-flag-image{display:none}
 .reference-welcome{padding:22px 20px;min-height:auto}.reference-welcome .command-text{margin-right:0}.headquarters-seal{position:relative;right:auto;bottom:auto;margin:18px 0 0 auto}
 .reference-photo .period-photo-frame{height:220px}.reference-dispatch .dispatch-copy{max-width:100%;padding-right:55px}
 .medal-preview-row{gap:8px}.medal-preview-row span{width:39px;height:49px}
}
