/* Public page components. Geometry follows the measured September 2026 reference.
   All surfaces use the shared theme tokens; changing theme never changes dimensions. */
:root{--hj-page-surface:var(--hj-surface);--hj-ad-header-bg:var(--hj-surface);--hj-profile-cover:var(--site-profile-cover);--hj-primary-fill:var(--site-primary-fill);--hj-avatar-fill:var(--site-avatar-fill)}
:root[data-theme=dark]{--hj-page-surface:var(--hj-bg);--hj-ad-header-bg:var(--site-ad-header-bg);--hj-profile-cover:var(--site-profile-cover);--hj-avatar-fill:var(--site-avatar-fill)}
.hj-page{width:100%;max-width:1280px;margin:0 auto;padding:12px 20px 40px;min-width:0}
.hj-page .hj-page-title{color:var(--hj-green);font-size:calc(28px * var(--hj-text-scale));line-height:calc(36px * var(--hj-text-scale));font-weight:700;margin:20px 0 28px;overflow-wrap:anywhere}
.hj-page h2{font-size:calc(24px * var(--hj-text-scale));line-height:calc(32px * var(--hj-text-scale));font-weight:700;margin-block:20px 16px}
.hj-page h3:not(.hj-listing-title){font-size:calc(18px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale));font-weight:700}
.hj-page p{overflow-wrap:anywhere}
.hj-page form{margin:0}
.hj-page img,.hj-page video{max-width:100%}
.hj-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--hj-blue);font-size:calc(14px * var(--hj-text-scale))}
.hj-back svg{width:28px;height:28px}
:dir(ltr) .hj-back svg,:dir(ltr) .hj-breadcrumbs>a>svg,:dir(ltr) .hj-chat-header>.hj-icon-button svg{transform:rotate(180deg)}
.hj-auth{width:min(100%,448px);margin:24px auto 40px}
.hj-auth .hj-page-title{margin-top:12px}
.hj-auth-links{display:flex;flex-direction:column;gap:14px;margin-block:24px}
.hj-main:has(.hj-contact-page){background:var(--hj-page-surface);min-height:calc(100vh - 96px)}
.hj-contact-page{padding:28px 0 40px}
.hj-contact-card{padding:28px 32px 56px;min-height:318px;border-radius:40px;background:var(--hj-card)}
.hj-contact-card>.hj-back{display:flex;justify-content:flex-start}
.hj-contact-card .hj-auth{margin:8px auto 0}
.hj-contact-page .hj-contact-card .hj-page-title{text-align:center;margin:0 0 32px}
.hj-contact-card .hj-field select{min-height:50px}
.hj-contact-details{display:flex;flex-direction:column;gap:20px}
.hj-contact-details>.hj-button{align-self:flex-start}
.hj-contact-details[hidden]{display:none}
.hj-form-page{width:min(100%,720px);margin:20px auto 40px;min-width:0}
.hj-page .hj-form{display:flex;flex-direction:column;gap:20px;align-items:stretch;max-width:none}
.hj-page .hj-form>.hj-button{align-self:flex-start}
.hj-page .hj-form fieldset{margin:0;padding:0;border:0;min-inline-size:0}
.hj-page .hj-form legend{padding:0;margin-block-end:10px}
.hj-page .hj-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.hj-page .hj-field label,.hj-page .hj-field legend{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));color:var(--hj-elementary)}
.hj-page .hj-field input:not([type=checkbox]):not([type=radio]),.hj-page .hj-field select,.hj-page .hj-field textarea,.hj-report-comment select,.hj-chat-compose textarea{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-card);color:var(--hj-input);font:inherit;padding:10px 12px;outline-offset:3px}
.hj-page .hj-field textarea{line-height:1.7;resize:vertical;min-height:96px}
.hj-page .hj-field input[type=file]{min-height:48px;padding:8px;font-size:calc(14px * var(--hj-text-scale))}
.hj-page .hj-field input[type=file]::file-selector-button{font:inherit;color:var(--hj-blue);background:var(--hj-bg);border:0;border-radius:8px;padding:6px 12px;margin-inline-end:10px;cursor:pointer}
.hj-page .hj-field select{appearance:auto;padding-inline-end:32px}
.hj-page .hj-field input:focus,.hj-page .hj-field select:focus,.hj-page .hj-field textarea:focus,.hj-chat-compose textarea:focus{outline:2px solid var(--hj-blue)}
.hj-page .hj-field input:disabled{opacity:.6;cursor:not-allowed}
.hj-page .hj-field input::placeholder,.hj-page .hj-field textarea::placeholder{color:var(--hj-muted);opacity:1}
.hj-page .hj-form input[type=checkbox],.hj-page .hj-form input[type=radio]{accent-color:var(--hj-blue);width:18px;height:18px;flex:none;margin:2px 0}
.hj-check,.hj-choice{display:flex;align-items:flex-start;gap:10px;line-height:calc(26px * var(--hj-text-scale));cursor:pointer}
.hj-choice{align-items:center;border:1px solid var(--hj-border);border-radius:10px;padding:9px 16px;background:var(--hj-surface)}
.hj-check input,.hj-choice input{accent-color:var(--hj-blue)}
.hj-phone-fields{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}
.hj-page .hj-grid{display:grid;gap:20px;min-width:0}
.hj-page .hj-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hj-page .hj-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hj-page .hj-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hj-page .hj-actions form{max-width:100%}
.hj-page .hj-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;max-width:100%;padding:8px 16px;border:1px solid var(--hj-border);border-radius:10px;background:var(--hj-surface);color:var(--hj-blue);font:inherit;line-height:calc(24px * var(--hj-text-scale));cursor:pointer;text-decoration:none;text-align:center}
.hj-page .hj-button svg{width:20px;height:20px;flex:none}
.hj-page .hj-button:hover{border-color:var(--hj-blue)}
.hj-page .hj-button-primary{background:var(--hj-primary-fill);border-color:var(--hj-primary-fill);color:var(--site-hj-button-primary-color-ffffff)}
.hj-page .hj-button-green{background:var(--hj-green);border-color:var(--hj-green);color:var(--site-hj-button-green-color-ffffff)}
.hj-page .hj-button-danger{color:var(--hj-danger)}
.hj-page .hj-button:disabled{opacity:.55;cursor:wait}
.hj-page .hj-link-button{border:0;background:transparent;color:var(--hj-blue);font:inherit;cursor:pointer;padding:4px 0}
.hj-page .hj-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border:0;border-radius:10px;background:transparent;color:var(--hj-blue);cursor:pointer}
.hj-page .hj-icon-button svg{width:24px;height:24px}
.hj-page .hj-panel{padding:20px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:12px}
.hj-page .hj-muted{color:var(--hj-muted)}
.hj-page .hj-positive{color:var(--hj-green)}
.hj-page .hj-negative{color:var(--hj-danger)}
.hj-page .hj-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:6px;background:var(--hj-blue);color:var(--site-hj-badge-color-ffffff);font-size:calc(12px * var(--hj-text-scale));padding:0 6px}
.hj-page .hj-alert{padding:14px 16px;margin-block:12px;border:1px solid var(--hj-border);border-radius:10px;background:var(--hj-surface);color:var(--hj-text);line-height:1.6}
.hj-page .hj-alert-error{border-color:var(--hj-danger);color:var(--hj-danger)}
.hj-page .hj-alert ul{margin:8px 0 0;padding-inline-start:20px}
.hj-page .hj-empty{padding:36px 20px;text-align:center;color:var(--hj-muted)}
.hj-page .hj-empty>svg{width:44px;height:44px;opacity:.65;margin:auto}
.hj-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:8px 20px}
.hj-section-heading h1,.hj-section-heading h2{margin:0}
.hj-page .hj-tabs{display:flex;gap:4px;border-block:1px solid var(--hj-border);min-height:46px;margin-block:10px 6px}
.hj-page .hj-tabs a{min-width:130px;text-align:center;padding:10px 16px;border-bottom:3px solid transparent}
.hj-page .hj-tabs a.is-active{border-color:var(--hj-blue);color:var(--hj-blue)}
.hj-page .hj-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hj-choice-list{display:flex;flex-direction:column;border:1px solid var(--hj-border);border-radius:12px;overflow:hidden;background:var(--hj-surface)}
.hj-choice-list>a,.hj-choice-list>.hj-follow-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 18px;border-block-end:1px solid var(--hj-border)}
.hj-choice-list>:last-child{border-block-end:0}
.hj-choice-list>a>span{display:flex;align-items:center;gap:12px}
.hj-choice-list>a>svg{width:20px;height:20px;flex:none}
:dir(rtl) .hj-choice-list>a>svg{transform:rotate(180deg)}
.hj-choice-list a:hover{background:var(--hj-bg)}
.hj-follow-group{margin-block:28px}
.hj-follow-row>a{overflow-wrap:anywhere;min-width:0}
.hj-follow-row>form{flex:none}
.hj-steps{display:flex;gap:10px;justify-content:space-between;overflow-x:auto;margin-block:12px 28px;padding-block:6px}
.hj-steps>span{display:flex;align-items:center;gap:7px;color:var(--hj-muted);font-size:calc(13px * var(--hj-text-scale));white-space:nowrap}
.hj-steps b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--hj-border);border-radius:50%;font-weight:400}
.hj-steps .is-active{color:var(--hj-blue)}
.hj-steps .is-active b{color:var(--site-hj-steps-coloractive-ffffff);background:var(--hj-blue);border-color:var(--hj-blue)}
.hj-agreement{padding:24px 0;line-height:2}
.hj-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hj-upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;padding:16px 8px;border:1px dashed var(--hj-blue);border-radius:12px;color:var(--hj-blue);cursor:pointer;min-width:0;background:var(--hj-surface)}
.hj-upload-tile svg{width:36px;height:36px}
.hj-upload-tile input{width:100%;font-size:calc(12px * var(--hj-text-scale))}
.hj-upload-preview,.hj-media-grid{display:flex;gap:12px;flex-wrap:wrap}
.hj-upload-preview img{width:96px;height:96px;object-fit:cover;border-radius:8px}
.hj-upload-preview:empty{display:none}
.hj-media-item{width:calc(33.333% - 8px);padding:8px;border:1px solid var(--hj-border);border-radius:10px;background:var(--hj-surface)}
.hj-media-item>img,.hj-media-item>video{width:100%;height:160px;object-fit:contain;display:block;margin-block-end:8px}
.hj-location-label{display:flex;align-items:center;gap:8px;color:var(--hj-blue)}
.hj-location-label svg{width:20px;height:20px}
.hj-settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;margin-block-start:20px}
.hj-settings-layout>.hj-form-page{margin-block-start:0}
.hj-settings-nav{display:flex;flex-direction:column;gap:4px;align-self:start}
.hj-settings-nav a{padding:12px;border-radius:8px}
.hj-settings-nav a:hover,.hj-settings-nav a.is-active{background:var(--hj-surface);color:var(--hj-blue)}
.hj-avatar-preview{width:80px;height:80px;border-radius:50%;object-fit:cover}
.hj-prose{line-height:1.9;color:var(--hj-text);overflow-wrap:anywhere}
.hj-prose h1,.hj-prose h2,.hj-prose h3{color:var(--hj-green)}
.hj-prose img{height:auto;max-width:100%;object-fit:contain}
.hj-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.hj-prose td,.hj-prose th{border:1px solid var(--hj-border);padding:8px}
.hj-prose ul,.hj-prose ol{padding-inline-start:24px}
.hj-prose pre{white-space:pre-wrap;word-break:break-word}
.hj-prose hr{border:0;border-block-start:1px solid var(--hj-border);margin-block:24px}
.hj-static-page{max-width:1000px;margin:20px auto}
.hj-faq{border-block-end:1px solid var(--hj-border);padding:16px 0}
.hj-faq summary{color:var(--hj-blue);cursor:pointer}
.hj-faq>div{padding-block:12px}
.hj-category-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hj-category-directory ul{padding-inline-start:20px;line-height:2}
.hj-category-directory>section{min-width:0}
.hj-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:calc(13px * var(--hj-text-scale));min-height:48px;margin-bottom:0}
.hj-breadcrumbs>a{display:flex;align-items:center;gap:12px}
.hj-breadcrumbs svg{width:32px;height:32px}
.hj-detail-grid{display:grid;grid-template-columns:minmax(0,calc(75% - 8px)) minmax(0,1fr);gap:16px}
.hj-detail-main{min-width:0}
.hj-main:has(.hj-ad-page){background:var(--hj-page-surface)}
.hj-ad{border:1px solid var(--hj-border);border-radius:24px;background:var(--hj-card);overflow:hidden}
.hj-ad-heading{margin:4px 4px 0;border-radius:20px;padding:20px 12px;background:var(--hj-ad-header-bg)}
.hj-ad-heading h1{margin:0 0 20px;color:var(--hj-green);font-size:calc(28px * var(--hj-text-scale));line-height:calc(36px * var(--hj-text-scale));font-weight:700;overflow-wrap:anywhere}
.hj-ad-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:calc(14px * var(--hj-text-scale));color:var(--hj-text);line-height:calc(24px * var(--hj-text-scale));margin-block:0 16px}
.hj-ad-meta>a,.hj-ad-meta>time{display:flex;align-items:center;gap:4px}
.hj-ad-meta svg{width:18px;height:18px}
.hj-ad-advertiser{display:flex;gap:6px;align-items:center;min-height:40px;font-size:calc(16px * var(--hj-text-scale))}
.hj-ad-advertiser-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap}
.hj-ad-follow{display:inline-flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:1.75;padding:4px 10px;color:var(--site-hj-ad-follow-color-ffffff);background:var(--hj-primary-fill);border-radius:20px;font-size:calc(12px * var(--hj-text-scale));line-height:calc(16px * var(--hj-text-scale))}
.hj-ad-follow:hover{color:var(--site-hj-ad-follow-colorhover-ffffff);background:var(--hj-blue-dark)}
.hj-ad-rating{display:flex;align-items:center;gap:6px;font-size:calc(13px * var(--hj-text-scale));margin-top:8px}
.hj-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;color:var(--site-hj-avatar-color-ffffff);background:var(--hj-avatar-fill);font-size:calc(20px * var(--hj-text-scale));overflow:hidden}
.hj-avatar>img{width:100%;height:100%;object-fit:cover}
.hj-avatar>svg{width:24px;height:24px}
.hj-verified{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:20px;height:20px;color:var(--hj-green)}
.hj-verified svg{width:18px;height:18px}
.hj-ad-content{padding:20px 12px;font-size:calc(20px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}
.hj-ad-description{padding-block:60px 30px;overflow-wrap:anywhere;color:var(--hj-text);white-space:normal}
.hj-ad-price+.hj-ad-description{padding-block-start:48px}
.hj-ad-price{font-weight:700;color:var(--hj-blue);padding-block:0;margin:0;text-align:end}
.hj-gallery{display:flex;flex-direction:column;align-items:center;gap:16px}
.hj-gallery>a{display:block;width:100%;text-align:center}
.hj-gallery img,.hj-gallery video{display:block;margin-inline:auto;width:auto;max-width:100%;height:auto;max-height:none}
.hj-gallery img{max-width:min(100%,768px)}
.hj-gallery video{width:min(100%,768px);background:var(--site-hj-gallery-background-111111)}
.hj-ad-contact{display:flex;justify-content:flex-end;padding:28px 10px 0}
.hj-ad-actions{display:flex;align-items:stretch;margin:20px;border:1px solid var(--hj-border);border-radius:12px;overflow:hidden;background:var(--hj-surface)}
.hj-ad-actions>a,.hj-ad-actions>button,.hj-ad-actions>form{flex:1;min-width:0}
.hj-ad-actions button,.hj-ad-actions>a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 8px;min-height:48px;border:0;background:var(--hj-surface);color:var(--hj-muted);font:inherit;cursor:pointer}
.hj-ad-actions>button,.hj-ad-actions>form,.hj-ad-actions>a{border-inline-end:1px solid var(--hj-border)}
.hj-ad-actions>:last-child{border-inline-end:0}
.hj-ad-actions svg{width:22px;height:22px;flex:none}
.hj-ad-actions button[aria-pressed=true]{color:var(--hj-green)}
.hj-owner-actions{margin-block:20px}
.hj-owner-actions h2{font-size:calc(18px * var(--hj-text-scale));margin-block:0 16px}
.hj-map-link{display:flex;align-items:center;gap:8px;margin-block:20px}
.hj-safety{display:flex;align-items:flex-start;gap:12px;padding:20px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:12px;font-size:calc(16px * var(--hj-text-scale))}
.hj-safety svg{width:24px;height:24px;flex:none;color:var(--hj-blue)}
.hj-ad-reference{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:calc(13px * var(--hj-text-scale));color:var(--hj-muted);padding-block:12px}
.hj-related{min-width:0}
.hj-related>h2{font-size:calc(18px * var(--hj-text-scale));margin-top:0}
.hj-related .hj-feed{font-size:calc(13px * var(--hj-text-scale))}
.hj-comments{margin-block:24px}
.hj-comment{padding:20px 16px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:12px;margin-block:12px}
.hj-comment header{display:flex;justify-content:space-between;gap:12px;color:var(--hj-muted);font-size:calc(14px * var(--hj-text-scale))}
.hj-comment header>a{display:flex;gap:8px;align-items:center}
.hj-comment header svg{width:18px;height:18px}
.hj-comment p{white-space:pre-wrap;font-size:calc(17px * var(--hj-text-scale));line-height:1.8;margin-block:16px}
.hj-comment-reply{margin-inline-start:24px;border-inline-start:3px solid var(--hj-border)}
.hj-report-comment summary{color:var(--hj-muted);cursor:pointer;font-size:calc(13px * var(--hj-text-scale))}
.hj-report-comment .hj-form{padding:12px}
.hj-comment-form{padding-block:20px}
.hj-dialog{width:min(92vw,500px);max-height:90dvh;overflow-y:auto;border:1px solid var(--hj-border);border-radius:16px;padding:24px;background:var(--hj-surface);color:var(--hj-text)}
.hj-dialog::backdrop{background:var(--site-hj-dialog-background-000000-alpha-05)}
.hj-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.hj-dialog-heading h2{font-size:calc(22px * var(--hj-text-scale));margin:0}
.hj-gallery-dialog{width:auto;max-width:96vw;background:var(--hj-surface);padding:12px}
.hj-gallery-dialog img{display:block;max-height:82dvh;max-width:90vw;object-fit:contain}
.hj-gallery-dialog .hj-dialog-heading{margin-bottom:8px}
.hj-profile-page{padding:0 0 40px;background:var(--hj-card)}
.hj-profile-cover{position:relative;width:100%;aspect-ratio:3/1;background:var(--hj-profile-cover);overflow:hidden}
.hj-profile-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.hj-profile-cover-actions{position:absolute;inset-block-start:10px;inset-inline-start:10px;display:flex;gap:4px}
.hj-profile-cover-actions .hj-icon-button{color:var(--site-hj-profile-cover-actions-color-ffffff);background:var(--site-hj-profile-cover-actions-background-000000-alpha-07);border-radius:50%}
.hj-profile-summary{display:flow-root;position:relative;min-height:141px;padding:83px 10px 0;background:var(--hj-card);text-align:center;color:var(--hj-blue)}
.hj-profile-avatar{--hj-profile-avatar-size:clamp(80px,10vw,150px);position:absolute;inset-block-start:calc(4px - var(--hj-profile-avatar-size)/2);inset-inline-start:calc(50% - var(--hj-profile-avatar-size)/2);width:var(--hj-profile-avatar-size);height:var(--hj-profile-avatar-size);border:2px solid var(--hj-card);font-size:calc((var(--hj-profile-avatar-size) - 4px) * .5 * var(--hj-text-scale))}
.hj-profile-stats{display:flex;justify-content:space-between;gap:20px;position:absolute;inset-block-start:16px;inset-inline:10px;font-size:calc(12px * var(--hj-text-scale));color:var(--hj-muted)}
.hj-profile-stats>a{display:flex;align-items:center;gap:4px}
.hj-profile-stats>form,.hj-profile-stats>a,.hj-profile-stats>span{max-width:35%}
.hj-profile-follow{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:65px;min-height:27px;padding:0 8px;border:1px solid var(--hj-border);border-radius:999px;background:transparent;color:var(--hj-elementary);font-size:calc(12px * var(--hj-text-scale));line-height:calc(18px * var(--hj-text-scale))}
.hj-profile-stats svg{width:16px;height:16px}
.hj-profile-summary h1{font-size:calc(20px * var(--hj-text-scale));font-weight:500;line-height:calc(28px * var(--hj-text-scale));margin:0;display:flex;align-items:center;justify-content:center;gap:8px}
.hj-profile-summary h1>a{color:var(--hj-input);max-width:70vw;overflow-wrap:anywhere}
.hj-profile-summary p{margin:0;font-size:calc(14px * var(--hj-text-scale));line-height:calc(20px * var(--hj-text-scale))}
.hj-profile-summary .hj-profile-handle{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));font-weight:400;color:var(--hj-text)}
.hj-profile-summary .hj-muted{color:var(--hj-text)}
.hj-profile-summary .hj-profile-age{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;max-width:50px;margin:16px auto;color:var(--hj-elementary)}
.hj-profile-age-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--hj-active)}
.hj-profile-description{padding:16px 10px;margin:0;font-size:calc(13px * var(--hj-text-scale));line-height:calc(20px * var(--hj-text-scale));white-space:pre-wrap}
.hj-profile-location{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 10px;font-size:calc(14px * var(--hj-text-scale))}
.hj-profile-actions{padding:10px;justify-content:center;min-height:65px}
.hj-profile-description,.hj-profile-actions{border-block-end:1px solid var(--hj-surface)}
.hj-profile-actions .hj-button{min-width:130px;min-height:44px}
.hj-profile-visitor-actions{border-block-start:1px solid var(--hj-surface)}
.hj-profile-visitor-actions .hj-button{border:0;background:transparent}
.hj-profile-page .hj-tabs{margin-block:0;min-height:46px;border-top:0}
.hj-profile-page .hj-feed{margin-top:0}
.hj-rating-summary{display:flex;align-items:center;gap:20px;padding:20px 16px;flex-wrap:wrap}
.hj-rating{margin:12px 16px;padding:20px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:12px}
.hj-rating header{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}
.hj-rating time{font-size:calc(13px * var(--hj-text-scale));color:var(--hj-muted)}
.hj-rating p{display:flex;align-items:center;gap:8px;white-space:pre-wrap}
.hj-rating p>svg{width:18px;height:18px;flex:none}
.hj-rating-photo{width:180px;height:140px;object-fit:cover;border-radius:8px}
.hj-conversations{border:1px solid var(--hj-border);border-radius:12px;overflow:hidden;background:var(--hj-surface)}
.hj-conversation{display:flex;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--hj-border)}
.hj-conversation:last-child{border:0}
.hj-conversation>div:nth-child(2){flex:1;min-width:0}
.hj-conversation strong{font-size:calc(16px * var(--hj-text-scale));font-weight:400}
.hj-conversation p{color:var(--hj-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:calc(14px * var(--hj-text-scale))}
.hj-conversation .hj-avatar{width:48px;height:48px}
.hj-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:calc(12px * var(--hj-text-scale));color:var(--hj-muted)}
.hj-conversation.is-unread{background:var(--hj-bg);border-inline-start:3px solid var(--hj-blue)}
.hj-conversation.is-unread strong{font-weight:700}
.hj-chat-page{max-width:1100px;padding-block-start:24px}
.hj-chat{border:1px solid var(--hj-border);border-radius:16px;overflow:hidden;background:var(--hj-surface)}
.hj-chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--hj-border)}
.hj-chat-header h1{flex:1;min-width:0;font-size:calc(18px * var(--hj-text-scale));font-weight:400;overflow-wrap:anywhere;margin:0}
.hj-chat-messages{display:flex;flex-direction:column;gap:16px;height:55vh;min-height:250px;overflow-y:auto;padding:24px;background:var(--hj-bg);scroll-behavior:smooth}
.hj-message{align-self:flex-end;max-width:78%;padding:12px 16px;background:var(--hj-surface);border:1px solid var(--hj-border);border-radius:14px 14px 0 14px;color:var(--hj-text);min-width:80px}
.hj-message.is-mine{align-self:flex-start;background:var(--hj-primary-fill);color:var(--site-hj-message-coloractive-ffffff);border-color:var(--hj-primary-fill);border-radius:14px 14px 14px 0}
.hj-message p{white-space:pre-wrap;line-height:1.7;margin:0 0 6px;overflow-wrap:anywhere}
.hj-message time{display:block;font-size:calc(11px * var(--hj-text-scale));line-height:calc(16px * var(--hj-text-scale));opacity:.75;direction:ltr;text-align:end}
.hj-chat-compose{display:flex;gap:12px;align-items:center;padding:14px}
.hj-chat-compose textarea{min-height:48px;max-height:160px;resize:vertical}
.hj-chat-compose>.hj-button{flex:none}
.hj-notification{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--hj-border);padding:20px 16px;background:var(--hj-surface)}
.hj-notification.is-unread{background:var(--hj-bg)}
.hj-notification>div{flex:1;min-width:0}
.hj-notification-icon{color:var(--hj-blue);padding-top:4px}
.hj-notification-icon>svg{width:28px;height:28px}
.hj-notification p{margin:8px 0;color:var(--hj-text)}
.hj-notification time{font-size:calc(13px * var(--hj-text-scale));color:var(--hj-muted)}
.hj-notification>.hj-unread-dot{position:static;inset:auto;width:8px;height:8px;border-radius:50%;background:var(--hj-blue);flex:none;margin:10px 0 0}
.hj-main:has(.hj-commission-page){background:var(--hj-page-surface)}
.hj-commission-page{padding-inline:10px}
.hj-commission-hero{display:grid;grid-template-columns:minmax(0,calc(50% - 10px)) minmax(0,calc(50% + 10px));padding-block:44px 108px;align-items:start}
.hj-commission-intro{padding-top:60px;text-align:start}
.hj-commission-hero h1{font-size:calc(44px * var(--hj-text-scale));line-height:calc(66px * var(--hj-text-scale));font-weight:500;color:var(--hj-commission-heading,var(--site-internal-pages-color-303042));max-width:540px;margin:0 0 58px}
[data-theme=dark] .hj-commission-page{--hj-commission-heading:var(--hj-text)}
.hj-commission-hero p{max-width:340px;margin:0 0 64px;line-height:calc(24px * var(--hj-text-scale));color:var(--hj-elementary)}
.hj-commission-intro .hj-button{min-width:160px;min-height:40px;font-size:calc(12px * var(--hj-text-scale));line-height:calc(16px * var(--hj-text-scale));border-radius:6px;flex-direction:row-reverse}
.hj-commission-photo{height:500px;border:10px solid var(--site-hj-commission-photo-border-ffffff);border-radius:16px;overflow:hidden}
.hj-commission-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hj-commission-details{padding:0;gap:20px}
.hj-commission-details>article{padding:64px 32px 32px;border-radius:16px;background:var(--hj-card)}
.hj-commission-icon{display:flex;justify-content:center;align-items:center;width:72px;height:72px;margin:auto;background:var(--hj-active);border-radius:50%;color:var(--hj-blue)}
.hj-commission-icon svg{width:35px;height:28px}
.hj-commission-details h2{font-size:calc(16px * var(--hj-text-scale));line-height:calc(24px * var(--hj-text-scale));font-weight:500;color:var(--hj-blue);text-align:center;margin-block:16px}
.hj-commission-calculator{padding:30px 12px;margin-block:20px;border-block:1px solid var(--hj-border)}
.hj-commission-calculator>.hj-field{width:min(100%,406px)}
.hj-commission-calculator output{color:var(--hj-green);font-weight:700;font-size:calc(24px * var(--hj-text-scale));padding-inline:8px}
.hj-banks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px}
.hj-bank{padding:20px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-surface);min-width:0}
.hj-bank>img{object-fit:contain;max-width:120px;height:52px}
.hj-bank dl{font-size:calc(14px * var(--hj-text-scale));line-height:1.8;overflow-wrap:anywhere}
.hj-bank dt{color:var(--hj-muted);margin-top:8px}
.hj-bank dd{margin:0}
.hj-bank bdi{word-break:break-all}
.hj-transfer{padding:24px 20px;border:1px solid var(--hj-border);border-radius:16px;margin-block:36px;background:var(--hj-surface)}
.hj-transfer>h2{font-size:calc(28px * var(--hj-text-scale));color:var(--hj-green);margin-top:0}
.hj-transfer>p{margin-bottom:30px}
.hj-transfer-form>.hj-button{min-width:120px}
.hj-package-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:24px}
.hj-package h2{font-size:calc(22px * var(--hj-text-scale));margin-top:0}
.hj-package-price{font-size:calc(24px * var(--hj-text-scale));color:var(--hj-green)}
.hj-error-page{text-align:center;padding:80px 16px;min-height:50vh}
.hj-error-page>strong{font-size:calc(80px * var(--hj-text-scale));line-height:1.1;font-weight:700;color:var(--hj-muted)}
.hj-error-page .hj-page-title{margin-block:28px}
@media(max-width:1024px){
    .hj-detail-grid{grid-template-columns:minmax(0,1fr) 240px;gap:16px}
    .hj-settings-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}
.hj-page     .hj-grid-three,.hj-banks,.hj-package-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
    .hj-page{padding:10px 12px 28px}
    .hj-profile-page{padding:0 0 28px}
    .hj-detail-grid{display:block}
    .hj-related{margin-block-start:32px}
    .hj-related .hj-feed{display:block}
    .hj-auth,.hj-form-page{margin-block:16px 28px}
    .hj-contact-page{padding:20px 10px 28px}
    .hj-contact-card{padding:20px 16px 40px;border-radius:30px}
    .hj-contact-card .hj-page-title{margin:0 0 32px}
.hj-page     .hj-page-title{font-size:calc(24px * var(--hj-text-scale));line-height:calc(32px * var(--hj-text-scale));margin-block:16px 24px}
    .hj-page h2{font-size:calc(20px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}
    .hj-settings-layout{display:block}
    .hj-settings-nav{flex-direction:row;overflow-x:auto;white-space:nowrap;margin-bottom:24px;gap:4px}
    .hj-settings-nav a{padding:10px;flex:none}
    .hj-category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hj-profile-stats{font-size:calc(11px * var(--hj-text-scale));gap:8px}
    .hj-ad-page{padding:12px 10px 28px}
    .hj-ad-heading h1{font-size:calc(20px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}
    .hj-ad-content{font-size:calc(20px * var(--hj-text-scale));line-height:calc(28px * var(--hj-text-scale))}
    .hj-ad-description{padding-block:28px}
    .hj-ad-price+.hj-ad-description{padding-block-start:104px}
    .hj-ad-actions{margin-inline:0}
    .hj-ad-actions button,.hj-ad-actions>a{flex-direction:column;gap:5px;font-size:calc(13px * var(--hj-text-scale));padding:10px 4px}
    .hj-ad-heading{padding:20px 12px}
    .hj-ad{border-radius:24px}
    .hj-ad-heading{border-radius:20px}
    .hj-gallery{margin-inline:-12px}
    .hj-comment header{flex-wrap:wrap}
    .hj-comment-reply{margin-inline-start:14px}
    .hj-chat-page{padding-inline:8px}
    .hj-chat-messages{padding:16px;height:58dvh}
    .hj-chat-compose{padding:10px;gap:8px}
    .hj-chat-compose>.hj-button{padding-inline:12px}
    .hj-message{max-width:88%}
    .hj-commission-hero{display:flex;flex-direction:column;gap:68px;padding-block:86px 54px;text-align:center}
    .hj-commission-intro{padding:0;text-align:center;width:100%}
    .hj-commission-hero h1{font-size:calc(24px * var(--hj-text-scale));line-height:calc(36px * var(--hj-text-scale));margin:0 auto 0;max-width:300px}
    .hj-commission-hero p{margin:0 auto 12px;max-width:340px}
    .hj-commission-photo{width:100%;height:500px}
    .hj-commission-details>article{padding:40px 20px 24px}
    .hj-transfer{padding:20px 14px}
    .hj-transfer>h2{font-size:calc(24px * var(--hj-text-scale))}
}
@media(max-width:480px){
.hj-page     .hj-grid-two,.hj-page .hj-grid-three,.hj-banks,.hj-package-list,.hj-category-directory{grid-template-columns:minmax(0,1fr)}
    .hj-phone-fields{grid-template-columns:115px minmax(0,1fr);gap:8px}
    .hj-steps{gap:16px}
    .hj-steps>span{flex-direction:column;gap:4px;font-size:calc(11px * var(--hj-text-scale))}
    .hj-steps b{width:22px;height:22px}
    .hj-upload-tile{padding:12px 6px}
    .hj-media-item{width:calc(50% - 6px)}
    .hj-conversation{padding:16px 12px;gap:10px}
    .hj-conversation-meta{max-width:80px}
    .hj-profile-actions{gap:8px}
    .hj-profile-actions .hj-button{min-width:112px}
    .hj-ad-meta{gap:12px}
    .hj-dialog{padding:18px}
}

/* Profile follows the reference tablet breakpoint and fluid avatar dimensions. */
@media(max-width:767px){.hj-profile-summary{padding-top:48px}}
@media(max-width:639px){.hj-profile-avatar{--hj-profile-avatar-size:clamp(80px,10vw,85px)}}

/* Publishing uses the same inset surface and form controls as the public shell. */
.hj-main:has(.hj-compose-page,.hj-surface-page){background:var(--hj-page-surface)}
.hj-compose-page,.hj-surface-page{padding:28px 0 40px}
.hj-compose-card,.hj-surface-card{padding:24px 32px 40px;border-radius:40px;background:var(--hj-card)}
.hj-account-page .hj-settings-layout{margin-block-start:24px}
.hj-account-page .hj-settings-nav{border:1px solid var(--hj-border);border-radius:12px;padding:8px}
.hj-account-page .hj-settings-nav .is-active{background:var(--hj-active)}
.hj-account-page .hj-form-page>.hj-page-title{margin-block-start:0}
.hj-compose-card>.hj-form-page{margin:8px auto 0}
.hj-compose-page .hj-page-title{margin-block:20px 24px}
.hj-compose-page .hj-steps{gap:8px;overflow:visible;margin-block:8px 28px}
.hj-compose-page .hj-steps>span{flex:1;min-width:0;white-space:normal;flex-direction:column;text-align:center;line-height:20px}
.hj-compose-page .hj-steps .is-complete b{color:var(--hj-blue);background:var(--hj-active);border-color:var(--hj-active)}
.hj-compose-page .hj-choice-list>a{min-height:56px;padding:12px 16px}
.hj-compose-page .hj-choice-list>a>svg{transform:rotate(-90deg)}
:dir(rtl) .hj-compose-page .hj-choice-list>a>svg{transform:rotate(90deg)}
.hj-compose-page .hj-choice-list>a>span>svg{width:24px;height:24px;flex:none}
.hj-compose-page .hj-agreement{padding:20px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-surface)}
.hj-compose-page .hj-upload-tile{position:relative;min-height:144px;gap:12px;border-style:solid;background:var(--hj-card);padding:20px 12px}
.hj-compose-page .hj-upload-tile:focus-within{outline:2px solid var(--hj-blue);outline-offset:3px}
.hj-compose-page .hj-upload-tile input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.hj-compose-page .hj-upload-tile:hover{background:var(--hj-active)}
.hj-compose-page .hj-upload-grid:has(>.hj-upload-tile:only-child){grid-template-columns:1fr}
.hj-upload-selection{position:relative;display:flex;flex-direction:column;gap:6px;width:112px;margin:0;padding:8px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-surface)}
.hj-upload-selection img{width:94px;height:94px;object-fit:cover}
.hj-upload-selection figcaption{font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hj-upload-selection .hj-button{font-size:12px;min-height:32px;padding:2px 6px}
.hj-upload-preview video{width:min(100%,360px);max-height:240px;border-radius:12px;background:var(--site-hj-upload-preview-background-111111)}
.hj-compose-page .hj-form>.hj-button-primary{min-width:128px}
.hj-compose-page .hj-edit-media{border-block-start:1px solid var(--hj-border);margin-block-start:32px;padding-block-start:12px}
.hj-page .hj-field[hidden]{display:none}
.hj-main:has(.hj-auth-page){background:var(--hj-page-surface)}
.hj-auth-page{display:flex;flex-direction:column;min-height:calc(100svh - 96px);padding:12px 20px 40px}
.hj-auth-page>.hj-back{align-self:flex-start}
.hj-auth-page>.hj-auth{width:min(100%,500px);padding:20px;margin:auto;border-radius:40px;background:var(--hj-card)}
.hj-auth-page .hj-page-title{font-size:calc(24px * var(--hj-text-scale));line-height:calc(32px * var(--hj-text-scale));margin:20px 0}
.hj-auth-page .hj-field input:not([type=checkbox]):not([type=radio]),.hj-auth-page .hj-field select{min-height:40px;border-radius:10px;padding:5px 10px;line-height:calc(24px * var(--hj-text-scale))}
.hj-auth-page .hj-field label{font-size:calc(14px * var(--hj-text-scale));font-weight:700;color:var(--hj-text)}
.hj-auth-page .hj-form>.hj-button-primary{align-self:stretch;min-height:40px;padding:7px 12px}
.hj-auth-page .hj-auth-links{margin-block:20px 4px;gap:12px}
.hj-messages-page .hj-section-heading{margin-block:20px 24px}
.hj-messages-page .hj-section-heading .hj-page-title{margin:0}
.hj-messages-page .hj-conversation{background:var(--hj-card)}
.hj-messages-page .hj-conversation:hover,.hj-messages-page .hj-conversation.is-unread{background:var(--hj-active)}
.hj-main:has(.hj-chat-page){background:var(--hj-page-surface)}
.hj-chat{border-radius:24px;background:var(--hj-card)}
.hj-chat-header{background:var(--hj-card);min-height:68px}
.hj-message{border-radius:14px;border-end-end-radius:0}
.hj-message.is-mine{border-radius:14px;border-end-start-radius:0}
.hj-chat-compose{flex-wrap:wrap;background:var(--hj-card)}
.hj-chat-compose textarea{flex:1;width:auto}
.hj-chat-compose>[data-page-error]{flex-basis:100%;margin:0}
.hj-chat-messages{overscroll-behavior:contain;scrollbar-gutter:stable}
.hj-notifications-page .hj-section-heading{margin-block:20px 24px}
.hj-notifications-page .hj-section-heading .hj-page-title{margin:0}
.hj-notifications-page .hj-notifications{border:1px solid var(--hj-border);border-radius:12px;overflow:hidden}
.hj-notifications-page .hj-notification{margin:0;border:0;border-block-end:1px solid var(--hj-border);border-radius:0;background:var(--hj-card)}
.hj-notifications-page .hj-notification:last-child{border-block-end:0}
.hj-notifications-page .hj-notification.is-unread{background:var(--hj-active)}
.hj-notifications-page .hj-notification>div{flex:1;min-width:0}
.hj-notifications-page .hj-notification a{display:block;overflow-wrap:anywhere}
.hj-notifications-page .hj-notification a>span{font-size:calc(14px * var(--hj-text-scale));line-height:24px}
.hj-library-page .hj-tabs{margin-block-end:24px}
.hj-library-page .hj-follow-group h2{font-size:calc(20px * var(--hj-text-scale));line-height:28px}
.hj-library-page .hj-follow-group .hj-empty{min-height:96px;padding:24px 16px}
.hj-surface-card>.hj-form-page{margin-block:8px 0}
.hj-surface-card .hj-package{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hj-surface-card .hj-package h2,.hj-surface-card .hj-package p{margin:0}
.hj-surface-card .hj-package>.hj-button{margin-block-start:auto}
.hj-prose .hj-faq summary{padding-block:4px;line-height:1.75}
.hj-prose .hj-faq[open] summary{color:var(--hj-green)}
.hj-surface-card .hj-category-directory>section{padding:16px;border:1px solid var(--hj-border);border-radius:12px}
.hj-surface-card .hj-category-directory h2{margin-block-start:0}
.hj-surface-card .hj-category-directory a{overflow-wrap:anywhere}
.hj-page .hj-field .hj-file-control{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px;border:1px solid var(--hj-border);border-radius:12px;background:var(--hj-card);font-size:calc(14px * var(--hj-text-scale));font-weight:400;cursor:pointer}
.hj-file-control:focus-within{outline:2px solid var(--hj-blue);outline-offset:3px}
.hj-file-control:has(input:disabled){opacity:.6;cursor:not-allowed}
.hj-file-button{flex:none;padding:6px 12px;border-radius:8px;background:var(--hj-surface);color:var(--hj-blue)}
.hj-file-control [data-file-selection]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--hj-muted)}
.hj-page .hj-field .hj-file-control input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:inherit}
.hj-contact-card:has(.hj-contact-faq){padding-block-end:20px}
.hj-contact-card>.hj-back svg{width:32px;height:32px;margin-inline-start:4px;align-self:flex-start}
.hj-contact-faq{display:block;width:max-content;max-width:100%;padding:32px 0;margin:16px auto 0;text-align:center;line-height:calc(24px * var(--hj-text-scale))}
.hj-contact-page .hj-contact-card .hj-field select{min-height:50px;font-size:calc(14px * var(--hj-text-scale));line-height:calc(21px * var(--hj-text-scale));padding:3px 12px;padding-inline-end:32px;color:var(--hj-elementary);appearance:none;background-image:var(--site-contact-select-arrow-image);background-repeat:no-repeat;background-position:right 12px center}
:dir(rtl) .hj-contact-page .hj-contact-card .hj-field select{background-position:left 12px center}
[data-theme=dark] .hj-contact-page .hj-contact-card .hj-field select{background-image:var(--site-contact-select-arrow-image)}
.hj-rating .hj-rating-body{display:block;line-height:1.75;overflow-wrap:anywhere}
.hj-rating header>a{min-width:0;overflow-wrap:anywhere}
.hj-comment{background:var(--hj-card)}
.hj-comment header>a{min-width:0;overflow-wrap:anywhere}
.hj-comment header>a>svg{flex:none}
.hj-comment header time{flex:none}
.hj-report-comment[open]{flex-basis:100%;min-width:0}
.hj-report-comment[open] .hj-form{margin-block-start:12px;border:1px solid var(--hj-border);border-radius:12px}
@media(max-width:768px){
    .hj-compose-page,.hj-surface-page{padding:20px 10px 28px}
    .hj-compose-card,.hj-surface-card{padding:16px 16px 28px;border-radius:30px}
    .hj-account-page .hj-settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));white-space:normal;overflow:visible;font-size:calc(14px * var(--hj-text-scale))}
    .hj-account-page .hj-settings-nav a{overflow-wrap:anywhere;line-height:22px}
    .hj-compose-page .hj-steps{gap:4px;margin-block-end:24px}
    .hj-compose-page .hj-steps>span{font-size:calc(11px * var(--hj-text-scale));line-height:16px;overflow-wrap:anywhere}
    .hj-compose-page .hj-upload-grid{gap:12px}
    .hj-compose-page .hj-upload-tile{min-height:128px;padding:16px 8px;text-align:center}
    .hj-auth-page{padding:12px 10px 10px}
    .hj-auth-page>.hj-auth{margin:32px auto 0}
}
@media(max-width:480px){.hj-phone-fields{grid-template-columns:minmax(0,1fr)}}