/* Review-only mobile patch. Desktop layout stays unchanged. */
@media(max-width:700px){
 html,body{width:100%;overflow-x:clip}
 .site .nav{position:relative!important;top:auto!important;padding:16px 16px 10px!important;min-height:76px;gap:12px;z-index:1}
 .site .nav .brand{font-size:13px!important;line-height:1.3;max-width:calc(100% - 60px)}
 .site .nav .direct-pages{display:none!important}
 .site .topbar-actions{flex:none}.site .menu-trigger{width:44px;height:44px}
 .site .public-search{margin:8px 16px 18px!important;width:auto;max-width:none}
 .site .writing-page>.layout{display:block!important;height:auto!important;padding:0 16px 24px!important}
 .site .writing-page>.layout>.content{height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;width:100%;min-width:0}
 .site .writing-page .intro{position:static;margin:0 0 24px}
 .site .writing-page .intro h1{font-size:36px;line-height:1.12;margin:0 0 14px}
 .site .writing-page .removal{font-size:12px;line-height:1.5;margin-top:18px}
 .site .writing-page .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-rows:auto}
 .site .writing-page .mosaic .tile{min-width:0;min-height:78px;height:auto;grid-column:span 1!important;padding:12px;opacity:1!important;transform:none!important}
 .site .writing-page .mosaic .tile strong{font-size:15px;line-height:1.25;white-space:normal;overflow-wrap:normal}
 .site .writing-page .mosaic .tile span{font-size:11px;line-height:1.3;margin-top:5px}
 .site .writing-page .mosaic .tile.all{grid-column:1/-1!important;min-height:64px;background:#b9a2ff!important}
 .site .resources{margin-top:24px;scroll-margin-top:16px}
 .site .resources h2{position:static!important;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;font-size:22px;line-height:1.3;margin:0 0 16px!important;transform:none!important}
 .site .resources h2 span{display:inline;margin:0;font-size:12px;line-height:1.5}
 .site .writing-page .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:10px;align-items:stretch}
 .site .writing-page .resource{display:flex;flex-direction:column;height:auto;min-width:0;padding:10px!important;gap:5px;border-radius:16px!important;box-sizing:border-box;overflow:visible}
 .site .writing-page .resource img,.site .writing-page .resource .doc-preview{width:48px;height:56px;flex:none;margin:0 0 3px}
 .site .writing-page .resource h3{font-size:14px;line-height:1.28;overflow:visible;display:block;max-height:none;white-space:normal;overflow-wrap:break-word;word-break:normal;margin:0}
 .site .writing-page .resource .credit{font-size:11px;line-height:1.4;margin:0;overflow-wrap:break-word}
 .site .writing-page .resource .format,.site .writing-page .resource .resource-note{font-size:10px;line-height:1.4;margin:0}
 .site .writing-page .resource .resource-actions{position:static;display:flex;flex-direction:row;align-self:stretch;justify-content:space-between;gap:0;width:100%;max-width:100%;margin-top:auto;padding-top:12px;box-sizing:border-box}
 .site .writing-page .resource .resource-action{position:relative;min-width:44px;width:44px;max-width:44px;min-height:44px;height:44px;flex:0 0 44px;margin:0;padding:0;transform:none;align-self:auto}
 .site .writing-page .resource-action i{width:40px;height:40px;box-sizing:border-box}
 .site .writing-page .resource-action svg{width:22px;height:22px}
 .site .writing-page .resource .action-tooltip{display:none}
}
@media(max-width:359px){.site .writing-page .resource-grid{grid-template-columns:1fr}.site .writing-page .resource h3{font-size:16px}.site .writing-page .resource .credit{font-size:12px}.site .writing-page .resource .resource-actions{justify-content:flex-end;gap:8px}}
@media(max-width:700px){.site .writing-page .resource .pdf-preview-dialog .pdf-preview-pages img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;margin:0;border-radius:0;align-self:auto;flex:none}}

@media(max-width:700px){.site .writing-page .resource-actions>button.resource-action[aria-label^="Preview "]{display:none!important}.site .writing-page .resource .resource-actions{justify-content:flex-end;gap:8px}.site .writing-page .mobile-preview-thumbnail{cursor:pointer;touch-action:manipulation}.site .writing-page .mobile-preview-thumbnail:focus-visible{outline:3px solid #9271dc;outline-offset:3px}}
