/* AnonYx R3: tablet-first, fluid layout and community presentation.
   Tested target widths: 320, 375, 430, 600, 768, 810, 820, 1024, 1180, 1440.
   This stylesheet must follow app.css and the Tailwind compatibility stylesheet. */
:root{--an-column: minmax(0,1fr)}
html,body{max-width:100%}
body{overflow-x:clip}
img,svg,video,iframe,canvas{max-width:100%;height:auto}
.container-an,.header-inner,.section-an,.card-an,.content-section,.hero-copy,.hero-visual,.job-card-an,.post-card,.community-main,.community-aside,.table-panel{min-width:0}
:where(p,h1,h2,h3,h4,small,strong,span,a,th,td,li,label){overflow-wrap:break-word}
a[href],.post-body,.post-comment,.detail-prose{overflow-wrap:anywhere}
:where(.container-an,.card-an,.job-card-an,.post-card,.dash-stat-an) :where(input,textarea,select){max-width:100%;min-width:0}
:where(.button-an,.ghost-an,.link-an){white-space:normal}
/* 4-column dashboard and feed use real available width, never a fixed pixel minimum. */
:where(.jobs-grid,.benefit-grid,.form-grid,.filter-layout,.detail-layout,.dashboard-layout-an,.dashboard-stats-an,.dashboard-actions-an,.footer-grid,.gallery-grid-an,.auth-shell)>*{min-width:0}
:where(.card-an,.content-section) :where(table,pre){max-width:100%}
.responsive-table,.table-panel{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.responsive-table table{min-width:620px;border-collapse:collapse;width:100%}
.post-body,.post-comment p{white-space:pre-line;line-height:1.8}
/* A brand-matched editorial card language for Community and Opportunity Pulse. */
.community-page{background:var(--paper)}
.community-layout,.post-reading-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:24px;align-items:start}
.community-main,.post-main{min-width:0}
.community-aside{position:sticky;top:100px;min-width:0}
.community-aside-card{padding:28px;background:var(--surface)}
.community-aside-card p{line-height:1.7;font-size:14px;margin:0 0 18px}
.community-guide{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding:14px 0}
.community-guide span{color:var(--blue);font-weight:900;font-family:Manrope,sans-serif}
.aside-quiet-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:800;font-size:13px;text-decoration:none}
.filter-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.chip-an{display:inline-flex;align-items:center;min-height:40px;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}
.chip-an.is-selected,.chip-an:hover{background:var(--navy2);color:#fff!important;border-color:var(--navy2)}
.post-list{display:grid;gap:14px;min-width:0}
.post-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:24px;box-shadow:0 6px 30px #122a4208}
.post-card h2,.post-card-title{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em;line-height:1.3;font-weight:800;font-size:clamp(18px,1.7vw,23px);margin:12px 0}
.post-card h2 a,.post-card-title a{text-decoration:none;color:var(--ink)}
.post-author{display:flex;align-items:center;gap:12px;min-width:0}
.post-author>div{min-width:0}.post-author p{margin:3px 0 0}
.post-avatar{height:42px;width:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--blue);font-weight:900;object-fit:cover}
.post-kind{display:inline-flex;font-size:11px;letter-spacing:.05em;font-weight:800;color:var(--blue);background:var(--soft);border-radius:999px;padding:7px 11px}
.post-card-image{border-radius:14px;max-height:280px;object-fit:cover;width:100%;margin-top:14px}
.post-card-excerpt{font-size:14px;color:var(--muted);line-height:1.75;overflow-wrap:anywhere}
.post-card-footer,.post-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-top:16px}
.post-tools{margin-top:28px}
.post-tools form{display:inline-flex}
.post-article{padding:clamp(20px,3.5vw,40px)}
.post-article h1{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(27px,3.9vw,47px);letter-spacing:-.05em;line-height:1.16;margin:16px 0}
.post-article-image{width:100%;max-height:490px;object-fit:cover;border-radius:16px;margin:24px 0}
.post-body{font-size:16px;line-height:1.85;margin-top:24px}
.post-linked-job{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:18px;margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.post-linked-job a{font-weight:800;text-decoration:none;color:var(--ink)}
.post-discussion{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}
.post-comment-list{display:grid;gap:14px;margin-top:24px}
.post-comment{padding:18px;border:1px solid var(--line);background:var(--paper);border-radius:15px}
.post-comment strong{margin-right:12px}.post-comment p{margin:12px 0 0;color:var(--ink);font-size:14px}
.post-comment details{margin-top:10px}
.empty-state-an{text-align:center;padding:clamp(30px,5vw,52px)}
.empty-state-an h2,.empty-state-an h3{font-weight:800;font-size:21px;margin:12px 0}
.empty-state-an p{color:var(--muted);line-height:1.6;margin-bottom:22px}
.empty-symbol{font-size:45px;color:var(--blue)}
.pagination-an{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}
/* Public opportunity insights: transparent platform activity (not external labour market). */
.pulse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 38px}
.pulse-stat{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:19px;min-width:0}
.pulse-stat strong{font:800 clamp(28px,3.7vw,48px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;display:block;color:var(--ink)}
.pulse-stat span{font-size:13px;color:var(--muted);display:block;margin-top:10px}
.insights-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:18px;align-items:start}
.insights-columns>*{min-width:0}
.metric-bar-row{margin:0 0 22px}.metric-bar-head{display:flex;justify-content:space-between;gap:16px;margin:0 0 9px;font-size:14px}
.metric-track{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}
.metric-track span{display:block;height:100%;background:linear-gradient(90deg,#1e496b,#1aafd6);border-radius:99px}
.pulse-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pulse-post{display:flex;flex-direction:column;gap:13px;text-decoration:none!important;color:var(--ink)!important}
.pulse-post strong{font:800 19px/1.4 Manrope,'DM Sans',sans-serif;letter-spacing:-.035em;flex:1}
.pulse-post small{color:var(--muted)}
.stage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}
.activity-chart{display:flex;align-items:end;gap:6px;min-height:140px;height:150px;padding:12px 0 0}
.activity-day{flex:1;display:flex;align-items:end;height:100%;min-width:0;border-bottom:1px solid var(--line)}
.activity-day span{display:block;background:linear-gradient(180deg,#45c4e1,#20486a);width:100%;border-radius:5px 5px 0 0;min-height:4px}
.insights-table th,.insights-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:13px}
.insights-table th{font-weight:800;color:var(--ink)}
/* Clear geo fields, accessible touch controls and predictable card layout. */
:where(.community-layout,.post-reading-layout,.insights-columns,.pulse-stats,.pulse-post-grid,.auth-shell,.dashboard-layout-an) input,
:where(.community-layout,.post-reading-layout,.insights-columns,.pulse-stats,.pulse-post-grid,.auth-shell,.dashboard-layout-an) select{min-width:0}
[data-remote-countries] input{width:100%}
.jobs-search-form{display:flex;align-items:center;gap:10px;max-width:100%;margin-bottom:22px}
.jobs-search-form input{flex:1;min-width:0}
.jobs-search-form button{flex-shrink:0}
.job-card-an .tag-an{white-space:normal;line-height:1.25}
.card-bottom{flex-wrap:wrap}
.company-intro .logo-tile{object-fit:contain;flex-shrink:0}
@media(max-width:1160px){
 .site-header{height:70px}
 .header-inner{gap:14px}
 .brand-mark{width:40px;height:40px}
 .brand-name{font-size:22px}
 .top-links{display:none!important}
 .mobile-toggle{display:inline-flex!important}
 .mobile-nav:not([hidden]){display:flex!important;flex-direction:column;gap:3px;position:absolute;top:70px;left:0;right:0;background:var(--surface);padding:14px max(20px,calc((100vw - 1100px)/2)) 23px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain;z-index:99}
 .mobile-nav a{display:block;padding:13px 16px;color:var(--ink)!important;border-radius:12px;text-decoration:none;font-weight:750;font-size:15px}
 .mobile-nav a:hover,.mobile-nav a[aria-current=page]{background:var(--soft)}
 .hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;gap:25px;padding:74px 0 68px}
 .hero-copy{max-width:840px}
 .hero-visual{max-width:590px;margin:auto;width:100%}
 .hero-copy h1{max-width:850px}
 .hero-copy>p{max-width:780px}
 .filter-layout{grid-template-columns:minmax(220px,250px) minmax(0,1fr);gap:18px}
 .dashboard-layout-an{grid-template-columns:minmax(0,1fr)}
 .dashboard-stats-an{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
 .community-layout,.post-reading-layout{grid-template-columns:minmax(0,1fr)}
 .community-aside{position:static}
 .community-aside-card{padding:23px}
 .community-guide{display:inline-flex;max-width:100%;margin-right:12px}
 .detail-layout{grid-template-columns:minmax(0,1fr)}
 .detail-layout>aside .card-an{position:static!important}
 .filter-layout{grid-template-columns:minmax(0,1fr)}
 .filter-sidebar{position:static}
 .filter-sidebar details{margin-bottom:10px}
 .hero-panel{max-width:100%}
 .pulse-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .insights-columns{grid-template-columns:minmax(0,1fr)}
 .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-grid>div:last-child{grid-column:auto}
 .company-intro{align-items:flex-end;flex-wrap:wrap}
 .company-intro>div:last-child{margin-top:15px!important}
 .auth-shell{grid-template-columns:1fr}
 .auth-aside{min-height:0;gap:12px;padding:35px}
 .auth-aside-mark{display:none}
}
@media(max-width:800px){
 .jobs-grid,.jobs-grid[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-visual{max-width:485px}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pulse-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .container-an{padding-left:20px;padding-right:20px}
 .cta-an{padding:34px}
 .section-an{padding:52px 0}
 .gallery-grid-an{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dash-header-an{align-items:flex-start;flex-wrap:wrap}
 .dashboard-actions-an{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .jobs-grid,.jobs-grid[style]{grid-template-columns:minmax(0,1fr)!important}
 html{scroll-padding-top:74px}
 .site-header{height:66px}
 .mobile-nav:not([hidden]){top:66px;max-height:calc(100dvh - 66px);padding:10px 16px 20px}
 .header-inner{gap:7px}
 .header-actions{gap:5px}
 .header-actions .compact-label{display:none!important}
 .header-actions>.button-an{min-height:38px;padding:8px 11px;font-size:12px}
 .header-actions .mobile-plus{display:inline!important}
 .brand{gap:7px}
 .brand-mark{height:34px;width:34px;border-radius:10px}
 .brand-name{font-size:20px;letter-spacing:-1.1px}
 .header-actions .icon-an{width:36px;height:36px;min-height:36px;font-size:17px}
 .header-actions .user-circle{width:34px;height:34px}
 .container-an{padding-left:16px;padding-right:16px}
 .section-an{padding:39px 0}
 .hero-grid{padding:45px 0;gap:20px}
 .hero-copy h1{font-size:clamp(35px,8.6vw,48px);line-height:1.05}
 .hero-copy>p{font-size:14px;line-height:1.7}
 .hero-search{flex-direction:column;align-items:stretch;padding:8px}
 .hero-search input{min-height:45px;width:100%}
 .hero-search .button-an{width:100%;min-height:44px}
 .hero-visual{width:100%;padding:0}
 .float-note{position:static;transform:none;margin-top:12px}
 .hero-panel{transform:none;padding:15px}
 .heading-lg{font-size:30px}
 .section-head{align-items:flex-start;flex-wrap:wrap}
 .section-head>.button-an{width:100%}
 .jobs-grid,.jobs-grid[style],.benefit-grid{grid-template-columns:minmax(0,1fr)!important}
 .jobs-search-form{flex-direction:column;align-items:stretch}
 .jobs-search-form button{width:100%}
 .pulse-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pulse-stat{padding:17px}
 .pulse-stat strong{font-size:30px}
 .pulse-post-grid{grid-template-columns:minmax(0,1fr)}
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .dashboard-stats-an{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .dashboard-actions-an{grid-template-columns:minmax(0,1fr)}
 .dash-stat-an{padding:16px}
 .cta-an{padding:24px;flex-direction:column;align-items:stretch}
 .cta-an .button-an{width:100%}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .footer-grid>div:first-child{grid-column:1/-1}
 .footer-bottom{display:block}
 .post-card{padding:18px}
 .post-article{padding:19px}
 .post-tools>.button-an,.post-tools>.ghost-an{flex:1}
 .post-comment{padding:13px}
 .community-guide{display:flex}
 .filter-chips{gap:6px}
 .chip-an{min-height:38px;padding:8px 11px;font-size:12px}
 .auth-page{padding:25px 13px 40px}
 .auth-aside{padding:25px}
 .auth-card{padding:26px 20px!important}
 .company-intro{align-items:flex-start;padding:0 18px 18px;gap:8px;margin-top:-34px}
 .company-intro .logo-tile{width:74px;height:74px}
 .company-intro>div:last-child{margin-top:9px!important}
 .company-banner{height:155px}
 .company-intro h1{font-size:24px}
 .gallery-grid-an{gap:8px}
 .gallery-tile-an img{height:120px;object-fit:cover}
 .card-an{padding:17px}
 .detail-title{font-size:clamp(26px,7vw,38px)}
 .post-discussion{padding-top:20px}
 .activity-chart{gap:3px}
}
@media(max-width:359px){
 .brand-name{font-size:18px}
 .header-actions{gap:4px}
 .header-actions .icon-an{width:33px;height:33px;min-height:33px}
 .pulse-stats{grid-template-columns:minmax(0,1fr)}
 .pulse-stat{padding:16px}
 .footer-grid{grid-template-columns:1fr 1fr}
 .card-an{padding:14px}
 .site-header .user-pop{right:-46px;max-width:calc(100vw - 20px)}
}
/* AnonYx admin: accessible navigation on tablets, wide grids that scroll inside the main area. */
.an-admin-shell{display:flex;min-height:100dvh;max-width:100vw}
.an-admin-shell main{min-width:0;width:100%;overflow-x:auto}
.an-admin-side{width:254px;flex:0 0 254px;min-height:100dvh}
.an-admin-side nav{position:sticky;top:0;max-height:calc(100dvh - 80px);overflow-y:auto}
.an-admin-mobile{display:none}
.an-admin-mobile summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:var(--surface);font-weight:800;color:var(--ink)}
.an-admin-mobile summary::-webkit-details-marker{display:none}
.an-admin-mobile nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.an-admin-mobile a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.an-admin-mobile a:hover{background:var(--soft)}
.an-admin-content{min-width:0}
.an-admin-content :where(table){min-width:720px}
@media(max-width:1180px){.an-admin-side{display:none!important}.an-admin-mobile{display:block;padding:18px 18px 12px}.an-admin-content{width:100%;overflow-x:auto}}
@media(max-width:620px){.an-admin-mobile nav{grid-template-columns:repeat(2,minmax(0,1fr))}.an-admin-mobile{padding:10px 12px}.an-admin-shell main{overflow-x:auto}.an-admin-content{max-width:100%}}
@media(prefers-reduced-motion:reduce){.post-card,.pulse-post{transition:none!important}}

.post-admin-row{display:flex;align-items:flex-start;justify-content:space-between;gap:19px;flex-wrap:wrap}
.post-card-meta{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}
.post-card-meta time{font-size:12px;color:var(--muted)}
.post-card-heading{font-size:clamp(18px,2vw,24px);font-weight:800;letter-spacing:-.035em;line-height:1.35;margin:12px 0}
.post-card-heading a{color:var(--ink);text-decoration:none}
.post-excerpt{color:var(--muted);font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.post-media-link{display:block;margin-top:15px;overflow:hidden;border-radius:15px}
.post-media-link img{width:100%;max-height:290px;object-fit:cover}
.post-card-footer{justify-content:space-between}
.post-card-footer>div{display:flex;gap:15px;color:var(--muted);font-size:12px}
.post-card-meta,.post-card-footer,.post-article-title{min-width:0}
.company-update-link{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;text-decoration:none;flex-wrap:wrap}
.company-update-link:hover{background:var(--soft)}
.company-update-link strong{flex:1;min-width:160px}

/* Agent profiles, long names and landscape-tablet improvements. */
@media(max-width:800px){.an-agent-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.an-agent-header{flex-wrap:wrap}}
@media(max-width:430px){.an-agent-stats{gap:8px!important}.an-agent-header{gap:12px!important}.an-agent-header>div{min-width:0}}
/* Filter, media and badges should never force the iPad to pan horizontally. */
:where(.card-an,.post-article,.job-card-an) :where(.profile-row,.tag-row){flex-wrap:wrap}
:where(.responsive-table,.table-panel){max-width:100%;position:relative}
:where(.form-input,input[type=file]){box-sizing:border-box}

.footer-location-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#c9d7e2;font-size:13px}
.footer-location-links a{display:inline-block!important;margin:0!important;color:#8edaf1!important;font-size:13px}

/* Older dashboard and company cards may contain long links, tables and numbers. */
:where(.container-an,.dash-stat-an,.company-intro,.post-admin-row)>*{min-width:0}
@media(max-width:640px){.post-admin-row>form{width:100%}.post-admin-row>form button{width:100%}}

.clarity-panel{border-color:color-mix(in srgb,var(--cyan) 34%,var(--line))}
.clarity-line{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}
.clarity-state{font-size:11px;color:var(--muted);background:var(--paper);border-radius:99px;padding:6px 9px;flex-shrink:0}
.clarity-state.yes{background:var(--soft);color:var(--blue);font-weight:800}
@media(max-width:380px){.clarity-line{flex-wrap:wrap}.clarity-state{flex-shrink:1}}