/* Stuff receives a quality-of-life update. HOWU's surrounding chrome stays intact. */
.hu4-post.hp-post{padding:0;overflow:hidden;border:2px solid #12559a;border-radius:5px;background:#f2fbff;box-shadow:3px 4px 0 #07376926;margin-bottom:16px;min-width:0}
.hu4-post .hp-post-head{padding:12px 14px;min-height:0;gap:10px;align-items:center;background:#e3f5ff;border-bottom:1px solid #a0c9e2;display:flex;flex-wrap:wrap}
.hu4-post .hp-person{gap:9px;min-width:0;flex:1 1 180px;align-items:center}.hu4-post .hp-person>span{min-width:0}.hu4-post .hp-person strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.hu4-post .hp-person small{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.hu4-post .hp-person .hp-avatar,.hu4-post .hp-person img{width:40px;height:40px;min-width:40px;object-fit:cover}.hu4-post .hp-post-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:100%;min-width:0}.hu4-post .hp-post-meta time{font-size:11px;white-space:nowrap}.hu4-post .hu-content-tag{font-size:10px;padding:3px 6px;letter-spacing:.08em}
.hu4-post .hu-stuff-mood{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;position:static!important;width:auto!important;min-width:0!important;max-width:210px;min-height:0!important;padding:4px 8px!important;margin:0!important;background:#fff1ac!important;border:1px solid #ed940c!important;border-radius:4px;box-shadow:2px 2px 0 #ff9b2066;transform:rotate(-1deg)}.hu4-post .hu-stuff-mood>small{display:none}.hu4-post .hu-stuff-mood .hu-emote,.hu4-post .hu-stuff-mood img,.hu4-post .hu-stuff-mood svg{width:26px!important;height:26px!important;min-width:26px}.hu4-post .hu-stuff-mood strong{font-size:12px!important;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere;color:#17345b!important;max-width:150px}
.hu4-content{padding:14px;background:var(--hu-board-bg,#fff);color:var(--hu-board-ink,#13213b);min-width:0}.hu4-headline{font-family:inherit;font-weight:800;font-size:21px;line-height:1.3;margin:0 0 12px;overflow-wrap:anywhere;color:inherit}.hu4-caption{font-family:inherit;font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;max-width:100%;margin:12px 0 0;color:inherit}.hu4-caption:first-child{margin-top:0}.hu4-caption:has(+.hu4-photo-grid){margin:0 0 12px}.hu4-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;border:2px solid #12559a;border-radius:5px;overflow:hidden;background:#cceaff}.hu4-photo-grid.is-single{grid-template-columns:minmax(0,1fr)}.hu4-photo-grid .hu4-photo-tile{position:relative;display:block;padding:0;border:0;margin:0;min-width:0;overflow:hidden;background:#dff3ff;cursor:zoom-in;aspect-ratio:4/5;border-radius:0;box-shadow:none}.hu4-photo-grid .hu4-photo-tile>img{display:block;width:100%;height:100%;object-fit:cover;max-height:none;min-height:0;border:0;border-radius:0;margin:0}.hu4-photo-grid.is-single .hu4-photo-tile{aspect-ratio:auto;max-height:620px}.hu4-photo-grid.is-single .hu4-photo-tile>img{width:100%;height:auto;max-height:620px;object-fit:contain}.hu4-photo-tile:focus-visible{outline:4px solid #ffbd19;outline-offset:-4px}.hu4-photo-overflow{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#061c40a8;color:#fff;font-size:clamp(28px,5vw,54px);font-weight:900;text-shadow:2px 2px #073478;pointer-events:none}
.hu4-featured{display:flex;align-items:flex-start;gap:9px;width:calc(100% - 28px);margin:0 14px;padding:11px 0;text-align:left;border:0;border-top:1px solid #81b8dc;border-radius:0;background:transparent;box-shadow:none;color:#163457;cursor:pointer;min-width:0}.hu4-featured:hover{background:#fff4c8}.hu4-featured>img,.hu4-comment-avatar{width:30px;height:30px;min-width:30px;border:1px solid #1979c6;border-radius:50%;object-fit:cover}.hu4-comment-avatar{display:grid;place-items:center;background:#1268d0;color:#ffdf21;font-weight:800}.hu4-comment-copy{min-width:0;display:block;flex:1}.hu4-comment-byline{display:flex;gap:5px 7px;align-items:baseline;flex-wrap:wrap;line-height:1.3}.hu4-comment-byline strong{font-size:13px;overflow-wrap:anywhere}.hu4-comment-byline small{font-size:11px;color:#52718e;overflow-wrap:anywhere}.hu4-comment-text{display:block;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.hu4-pinned{color:#995400;background:#fff0a4;border:1px solid #edaa2a;padding:1px 4px;font-size:9px;letter-spacing:.05em;border-radius:2px}
.hu4-post .hp-post-actions{padding:6px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;border-top:1px solid #a1cce5;background:#e3f5ff}.hu4-post .hp-post-actions button{min-height:42px;min-width:42px;padding:7px 9px;color:#123769;border:1px solid transparent;border-radius:3px}.hu4-post .hp-post-actions button:hover{background:#ffdf40;border-color:#ef9b11;box-shadow:1px 2px #e58c15}.hu4-post .hp-view-post{font-size:11px;margin-left:auto}.hu4-post .hu-owner-actions{padding:5px 12px;border-top:1px solid #b7d9ed}.hu4-post .hu-owner-actions button{min-height:36px;font-size:11px}
.hu4-gallery{position:fixed;inset:0;z-index:2147483000;background:#071832f5;color:#e6f4ff;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;outline:none}.hu4-gallery header{display:flex;align-items:center;gap:14px;padding:7px 6px 13px;border-bottom:2px solid #1285dd;flex-wrap:wrap}.hu4-gallery header strong{color:#ffdc18;font-size:20px;font-style:italic}.hu4-gallery header strong span{font-size:12px;color:#78d5ff;letter-spacing:.1em}.hu4-gallery output{margin-left:auto;font-weight:800}.hu4-gallery button{min-height:44px;padding:9px 14px;color:#092c59;background:#ffbf35;border:2px solid #ff8b10;border-radius:3px;font-weight:800;cursor:pointer;box-shadow:2px 3px #174b80}.hu4-gallery button:hover{background:#ffde2b}.hu4-gallery-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0;touch-action:pan-y}.hu4-gallery-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.hu4-gallery nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.hu4-gallery nav small{font-size:11px;color:#a7cbe9}.hu4-gallery button:focus-visible{outline:3px solid #6fdfff;outline-offset:3px}
.hu4-title-field,.hu4-caption-position{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:inherit}.hu4-title-field input,.hu4-caption-position select,.hu4-pin-tools select{font:inherit;min-height:44px;border:2px solid #2588cb;border-radius:3px;background:#f2fbff;color:#14345a;padding:8px;width:100%;box-sizing:border-box}.hu4-composer-preview{border:2px solid #1564b3;border-radius:4px;margin-top:12px;max-width:100%}.hu4-preview-label{display:block;color:#1b62a7;font-size:10px;font-weight:800;letter-spacing:.1em;margin-bottom:10px}.hu4-photo-order{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.hu4-photo-order>div{display:flex;flex-wrap:wrap;gap:3px;border:2px solid #2385c3;border-radius:3px;padding:5px;min-width:0;background:#dff3ff;color:#15365b;cursor:grab}.hu4-photo-order img{width:100%;height:80px;object-fit:cover;border-radius:2px}.hu4-photo-order b{font-size:12px;margin:auto 2px}.hu4-photo-order button{min-height:38px;min-width:32px;padding:4px;border:1px solid #cf8b12;background:#ffdf49;color:#14315a;border-radius:2px;font-size:11px}.hu4-photo-order button:disabled{opacity:.4}.hu4-pin-tools{border-top:1px solid #7db4da;padding:10px 0;margin:6px 0;color:inherit}.hu4-pin-tools summary{font-size:12px;font-weight:800;cursor:pointer;color:#2675ba;min-height:36px}.hu4-pin-tools label{font-size:12px}.hu4-pin-tools p{color:#b23425}
[data-theme=dark] .hu4-post{background:#101f36;border-color:#228cd5}[data-theme=dark] .hu4-post .hp-post-head,[data-theme=dark] .hu4-post .hp-post-actions{background:#142c4b;border-color:#286096}[data-theme=dark] .hu4-content{background:#13243b;color:#e8f3ff}[data-theme=dark] .hu4-featured{color:#e4f2ff;border-color:#346b9e}[data-theme=dark] .hu4-featured:hover{background:#193858}[data-theme=dark] .hu4-comment-byline small{color:#a0bfd9}[data-theme=dark] .hu4-post .hp-post-actions button{color:#cceaff}[data-theme=dark] .hu4-post .hp-post-actions button:hover{color:#122e55}[data-theme=dark] .hu4-title-field input,[data-theme=dark] .hu4-caption-position select,[data-theme=dark] .hu4-pin-tools select{background:#13243b;color:#e5f3ff}[data-theme=dark] .hu4-preview-label,[data-theme=dark] .hu4-pin-tools summary{color:#7cccff}
@media(max-width:600px){.hu4-post .hp-post-head{padding:10px;gap:7px}.hu4-post .hp-person{flex-basis:150px}.hu4-post .hp-post-meta{justify-content:flex-start;flex:1 1 auto;gap:5px}.hu4-post .hu-stuff-mood{max-width:160px}.hu4-post .hu-stuff-mood strong{max-width:110px}.hu4-content{padding:10px}.hu4-headline{font-size:18px}.hu4-caption{font-size:15px}.hu4-photo-grid{gap:4px}.hu4-featured{width:calc(100% - 20px);margin:0 10px}.hu4-post .hp-post-actions{gap:1px;padding:5px}.hu4-post .hp-post-actions button{padding:7px;min-height:44px}.hu4-post .hp-view-post{display:none}.hu4-gallery header{gap:8px}.hu4-gallery header strong span{display:none}.hu4-gallery nav small{display:none}.hu4-gallery nav button{font-size:12px}.hu4-photo-order{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme=dark] .hu4-post.hp-post .hp-post-meta time{color:#b3cce5!important}html[data-theme=dark] .hu4-post.hp-post .hu-stuff-mood strong{color:#17345b!important}html[data-theme=dark] .hu4-post.hp-post .hu4-featured .hu4-comment-byline small{color:#a8c8e1!important}
.hu4-share-notice{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);z-index:10000;padding:10px 16px;border:2px solid #187bc2;background:#ffdf3c;color:#11345c;font-weight:800;border-radius:3px;max-width:90vw}

html .hu4-post.hp-post .hp-post-actions button[aria-pressed=true]{background:#ffdf37!important;color:#13345b!important;border:1px solid #ed9819!important;box-shadow:1px 2px 0 #d77e17}
