/* Approved Figma LIAFI web: shared public, checkout and portal presentation. */
@font-face{font-family:"LIAFI Preview";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/roboto-preview-400.ttf") format("truetype")}
@font-face{font-family:"LIAFI Preview";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/roboto-preview-500.ttf") format("truetype")}
@font-face{font-family:"LIAFI Preview";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/roboto-preview-700.ttf") format("truetype")}
:root{--navy:#0f2d59;--text:#152438;--text-2:#59677a;--r-m:12px;--r-l:20px}
.btn{border-radius:12px;min-height:48px}
.btn-primary,.btn-navy{background:var(--navy);color:#fff}.btn-primary:hover,.btn-navy:hover{background:#183e72;color:#fff}
.btn-gold{background:#f5b301;color:#302500}.btn-gold:hover{background:#ffca35;color:#302500}
.btn-tonal{background:#eaf0fa;color:#0b3d91}.btn-tonal:hover{background:#dce6f7;color:#0b3d91}
.wrap{max-width:1440px;padding-inline:clamp(24px,5vw,72px)}
.site-nav{background:var(--surface);border-bottom:1px solid var(--line)}.nav-row{min-height:72px;gap:28px}
.nav-links{margin-inline:auto;gap:28px}.nav-links a{font-size:17px}.nav-actions{gap:16px}.brand-name{font-size:26px}.brand img{border-radius:10px}
.nav-staff{white-space:nowrap}.site-footer{background:var(--navy);color:#fff;padding:32px 0 20px}.site-footer a,.site-footer a:hover,.site-footer .muted{color:#fff}
.footer-grid{grid-template-columns:1.1fr .8fr 1fr 1.2fr;gap:28px;padding-bottom:20px}.footer-head{font-size:14px;margin-bottom:8px}.site-footer p,.site-footer li{font-size:15px;line-height:1.45}.site-footer ul{gap:4px}.footer-contact{gap:6px}.footer-base{border-color:#ffffff40;margin-top:0;padding-block:14px}.site-footer .footer-base p{font-size:14px}.footer-brand p{max-width:340px}
.web-home{max-width:1440px;margin:auto}.app-hero{margin:24px;border-radius:32px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:32px;padding:32px 48px}
.app-hero h1{font-family:var(--font-display);font-size:clamp(36px,3.8vw,54px);line-height:1.12;letter-spacing:-.025em;font-weight:700}
.app-hero h1 span{display:block}.app-hero h1 span+span{color:var(--gold);margin-top:14px}
.app-hero-copy>p{max-width:600px;font-size:19px;line-height:1.4;margin-top:20px}
.app-hero .hero-ctas{justify-content:flex-start;margin-top:24px;gap:16px}.app-hero .hero-ctas .btn{min-width:200px}
.app-hero-copy .hero-assurance{font-size:14px;margin-top:22px}
.hero-app{display:flex;align-items:center;flex-direction:column;gap:14px}.hero-app>p{font-size:12px;letter-spacing:.04em}
.hero-phone-fit{--hero-scale:.64;width:calc(390px * var(--hero-scale));height:calc(844px * var(--hero-scale));flex:none}.hero-phone-fit>.native-phone{transform:scale(var(--hero-scale));transform-origin:top left}
.web-section{padding:72px}.web-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.web-section h2{font:700 clamp(30px,3vw,42px)/1.12 var(--font-display);color:var(--text)}
.web-section-heading .muted{margin-top:12px;font-size:19px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.workflow-card{background:var(--surface);border-radius:20px;padding:28px;min-width:0;min-height:290px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}
.workflow-card h3{font:700 29px/1.12 var(--font-display)}.workflow-card>.muted{font-size:18px}
.workflow-detail{color:var(--brand);font-weight:600;font-size:22px;margin-top:auto}.workflow-tools{color:var(--text-2);font-size:14px}
.workflow-1{background:var(--gold-soft)}.workflow-2{background:var(--brand-soft)}
.membership-section{background:var(--surface)}.membership-banner{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;background:var(--navy);color:#fff;border-radius:24px;padding:40px}
.membership-banner h2{color:#fff;font-size:36px}.membership-banner p{margin-top:14px}.membership-price{font:700 40px/1.12 var(--font-display)}.membership-price span{font-size:.65em}.membership-banner-pay .btn{margin-top:18px}
.web-home .faq-item{background:var(--surface);border:0;border-radius:12px;margin-top:16px}.web-home .faq-item summary{font-weight:600;font-size:19px;padding:20px}.web-home .faq-item p{padding:0 20px 20px}.web-section-heading>a{white-space:nowrap;text-decoration:none}
.panel{grid-template-columns:232px minmax(0,1fr)}.panel-side{background:var(--navy);color:#fff;border:0;padding:24px;gap:16px}
.panel-brand{color:#fff;font-size:26px;margin:0 0 8px;white-space:normal}.panel-brand:hover{color:#fff}.panel-brand img{width:40px;height:40px}
.panel-scope{font-size:11px;letter-spacing:.05em;line-height:1.5;margin-bottom:12px;color:#d8e5fc}.panel-nav{gap:8px}.panel-nav a{color:#fff;font-size:16px;padding:12px;border-radius:10px;font-weight:400}
.panel-nav a:hover{background:#ffffff15;color:#fff}.panel-nav a[aria-current]{background:#0b3d91;color:#fff}.panel-side .btn{color:#fff;border-color:#ffffff40;background:transparent}
.panel-main{padding:40px;min-width:0;max-width:1800px}.workspace-head{display:flex;justify-content:space-between;color:var(--text-2);font-size:14px;margin-bottom:24px}
.panel-head h1{font-size:32px}.panel-head h2{font-size:24px}.panel-head .muted{margin-top:8px}
.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px}
.stat{box-shadow:none;border:0;border-radius:20px;padding:24px}.stat-label{font-size:14px;color:var(--text-2)}.stat-value{font-size:32px;font-weight:700}
.panel-main .card{border:0;border-radius:20px;box-shadow:none;padding:28px}.panel-main .card+.card{margin-top:20px}
.panel-main .table-wrap{border:0;border-radius:20px;background:var(--surface);margin-top:20px}.panel-main table{width:100%;border-collapse:collapse}.panel-main th{background:var(--brand-soft);font-size:13px;font-weight:600}.panel-main th,.panel-main td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.panel-main td{font-size:15px}.panel-main .num{text-align:right}
.panel-main .toolbar{background:transparent;gap:16px}.panel-main .field{min-width:0}
.panel-main .stack>.field textarea{min-height:116px}.panel-main details>summary{cursor:pointer}
.panel-main .stat-more{margin-block:0 24px}.panel-main .stat-more summary{padding:12px 0;cursor:pointer}
.quick-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.branch-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}
.branch-quick-actions .card{margin:0!important;display:flex;flex-direction:column;gap:14px}.branch-quick-actions h2{font:700 23px/1.12 var(--font-display)}.branch-quick-actions p{font-size:16px;color:var(--text-2)}.branch-quick-actions .btn{margin-top:auto}
.notice-layout{display:grid;grid-template-columns:minmax(0,660px) minmax(0,440px);gap:28px;align-items:start;margin-bottom:32px}
.notice-preview{position:sticky;top:24px;padding:24px;min-width:0}.notice-preview>h2{font-size:18px;margin-bottom:16px}
.preview-tabs{display:flex;gap:12px;margin-bottom:16px}.preview-tabs .btn{flex:1;min-width:0;font-size:16px;padding-inline:8px}
.phone-preview-fit{width:100%;max-width:390px;height:844px;position:relative}.phone-preview-fit>.native-phone{transform:scale(var(--phone-scale,1));transform-origin:top left}
.native-phone{--np-bg:#f7f8fc;--np-surface:#fff;--np-text:#152438;--np-muted:#59677a;--np-primary:#0b3d91;--np-tonal:#eaf0fa;position:relative;width:390px;height:844px;flex:none;border-radius:28px;overflow:hidden;background:var(--np-bg);color:var(--np-text);font:400 16px/24px "LIAFI Preview",Roboto,Arial,sans-serif;color-scheme:light;text-align:left}
.native-phone *{box-sizing:border-box}.native-phone h2,.native-phone strong{font-family:inherit}
.native-home{position:absolute;inset:0}.native-status{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;line-height:16px}
.native-home-scroll{height:708px;overflow:hidden;padding:16px 24px;display:flex;flex-direction:column;gap:12px}
.native-home-header{height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.native-avatar{width:44px;height:44px;object-fit:cover;border-radius:50%}.native-bell{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.native-bell>span{position:absolute;top:0;right:0;background:#f5b301;color:#302500;border-radius:50%;font-size:12px;line-height:16px;min-width:16px;text-align:center}
.native-scan{background:#f5b301;color:#302500;border-radius:16px;height:56px;display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0}
.native-home-notice{background:var(--np-surface);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:4px;min-height:88px;flex-shrink:0}
.native-home-notice small{font-size:12px;line-height:16px;color:var(--np-primary)}.native-home-notice small:last-child{color:var(--np-muted)}
.native-tools-title{font-size:18px;line-height:24px;font-weight:500;flex-shrink:0}.native-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.native-tool{padding:14px;background:var(--np-surface);border-radius:20px;height:104px;font-size:14px;line-height:20px;font-weight:500;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.native-tool-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.native-phone img{max-width:none;object-fit:contain}.native-phone .native-avatar{object-fit:cover}
.native-bottom{height:80px;background:var(--np-surface);display:flex;align-items:center}.native-bottom>span{display:flex;align-items:center;flex-direction:column;gap:4px;width:130px;font-size:12px;line-height:16px;color:var(--np-muted);padding:8px}
.native-bottom>span>span{width:64px;text-align:center;border-radius:16px;height:28px}.native-bottom .selected{color:var(--np-primary)}.native-bottom .selected>span{background:var(--np-tonal)}
.native-gesture{height:24px;display:flex;align-items:center;justify-content:center}.native-gesture span{width:96px;height:4px;border-radius:4px;background:var(--np-text)}
.native-scrim{position:absolute;inset:0;background:#0009}
.native-announcement{position:absolute;top:50%;left:24px;transform:translateY(-50%);width:342px;max-height:720px;padding:24px;border:1px solid #dee5ef;border-radius:28px;background:var(--np-surface);display:flex;flex-direction:column;gap:12px}
.native-modal-head{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.native-modal-head>span{display:flex;align-items:center;justify-content:center;background:var(--np-tonal);border-radius:16px;width:48px;height:48px}
.native-message-content{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;scrollbar-width:thin}
.native-phone .native-source{font-size:12px;line-height:16px;color:var(--np-primary)}.native-phone .native-time{font-size:12px;line-height:16px;color:var(--np-muted)}.native-source+.native-time{margin-top:-8px}
.native-phone h2{font-size:24px;line-height:30px;font-weight:700;letter-spacing:0;margin:0}.native-phone .native-message{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--np-muted);font-size:16px;line-height:24px}
.native-phone .native-notice-image{display:block;width:100%;max-height:340px;min-height:120px;object-fit:contain;background:var(--np-tonal);border-radius:16px}
.native-link{padding:16px;border-radius:20px;background:var(--np-tonal);display:flex;flex-direction:column;gap:12px;flex-shrink:0;overflow-wrap:anywhere}.native-link small{color:var(--np-primary);font-size:12px;line-height:16px}.native-link p{font-size:14px;line-height:20px}
.native-action{min-height:56px;background:var(--np-primary);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;flex-shrink:0}
.native-full-message{position:absolute;inset:0;background:var(--np-bg)}.native-detail-scroll{height:788px;overflow:auto;padding:12px 24px 24px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}
.native-detail-head{display:flex;align-items:center;gap:16px;height:56px;margin-bottom:12px;flex-shrink:0;font-size:24px}.native-detail-head strong{font-size:24px;font-weight:700}
.native-detail-scroll>[data-phone-image-hint]{font-size:12px;line-height:16px;color:var(--np-muted)}
.notice-image-tools{display:flex;align-items:center;gap:16px;margin-top:8px}.notice-image-tools button{font-size:14px}
.checkout .summary{background:var(--navy);color:#fff;border:0;box-shadow:none;border-radius:20px;padding:28px;position:sticky;top:128px}
.checkout .summary .muted,.checkout .summary .secure-badge,.checkout .summary a{color:#dfe9ff}.checkout .summary .summary-row{border:0;margin-top:20px}.checkout .summary .summary-total{display:block;border-top:1px solid #ffffff40;margin-top:24px}.checkout .summary .amount-lg{display:block;margin:20px 0 28px;font-size:48px;color:#fff}
.checkout .summary .price-badge-wrap,.checkout .summary .price-original-wrap{display:none}.checkout .card{border:0;box-shadow:none;border-radius:20px;padding:28px}.checkout{gap:32px}
.checkout-account{border-radius:16px;background:var(--brand-soft);padding:16px;margin-bottom:24px}.checkout-account p{overflow-wrap:anywhere}.checkout-account form{flex-shrink:0}
.checkout-steps{margin-top:16px;color:var(--text-2);font-size:16px}.checkout .field label{font-size:13px;color:var(--text-2)}.checkout input{border-radius:12px;min-height:56px}
.checkout .pay-status:empty{display:none}.checkout .pay-status:not(:empty){padding:20px;border-radius:16px;background:var(--brand-soft);margin-block:16px}
.checkout-legal{font-size:14px;margin-top:24px;color:var(--text-2)}
.login-shell:has(.login-layout){display:block;padding:40px 24px;min-height:100vh}.login-layout{display:grid;grid-template-columns:44% 56%;max-width:1120px;margin:0 auto;min-height:740px;background:var(--surface);border-radius:24px;overflow:hidden}
.login-intro{padding:48px;background:var(--navy);color:#fff}.login-intro .brand{color:#fff}.login-intro h2{font:700 46px/1.12 var(--font-display);margin-top:90px}.login-intro p{font-size:20px;line-height:1.4;margin-top:28px}.login-layout .login-card{width:auto;max-width:none;box-shadow:none;border:0;margin:0;padding:56px;border-radius:0;display:flex;flex-direction:column;gap:22px}
.password-toggle{display:inline-flex;gap:8px;align-items:center;font-size:14px}.password-toggle input{width:18px;min-height:18px}
@media(min-width:960px){.panel-side{height:100vh;position:sticky;top:0;flex-direction:column;align-items:stretch}.panel-side .panel-nav{flex-direction:column}}
@media(max-width:1250px){.nav-row{gap:16px}.nav-links{gap:16px}.notice-layout{grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:16px}.notice-preview{padding:12px}.panel-main{padding:28px}.nav-actions{gap:8px}.nav-actions .btn{padding-inline:14px}}
@media(max-width:1000px){.app-hero{gap:24px;padding:40px;grid-template-columns:1fr 1fr}.app-hero .hero-ctas{flex-direction:column;align-items:stretch}.app-hero .hero-ctas .btn{min-width:0}.web-section{padding:48px 32px}.membership-banner{gap:24px;padding:28px}.branch-quick-actions{grid-template-columns:1fr}.notice-layout{grid-template-columns:1fr}.notice-preview{position:static;max-width:440px;margin:auto;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.panel{display:block}.panel-side{display:flex;flex-direction:row;flex-wrap:wrap;position:static;height:auto}.panel-scope{margin:0}.panel-side form{margin-left:auto}.panel-nav{flex-direction:row;width:100%;overflow-x:auto}.panel-brand{margin:0}.panel-side .panel-nav a{white-space:nowrap}}
@media(max-width:719px){.nav-row{min-height:72px}.nav-staff{display:none}.nav-toggle{display:flex}.nav-actions{margin-left:auto}.app-hero{margin:0;border-radius:0;padding:40px 24px;display:block}.hero-app{display:none}.app-hero h1{font-size:38px}.app-hero h1 span+span{margin-top:16px}.app-hero-copy>p{font-size:19px}.app-hero .hero-ctas{gap:16px}.web-section{padding:32px 24px}.web-section-heading{display:block}.web-section-heading>a{display:inline-block;margin-top:16px}.web-section h2{font-size:32px}.workflow-grid{grid-template-columns:1fr;gap:20px}.workflow-card{padding:24px;min-height:260px}.workflow-card h3{font-size:25px}.workflow-detail{font-size:23px}.workflow-card>.muted{font-size:17px}.membership-banner{display:block;padding:24px}.membership-banner h2{font-size:30px}.membership-banner-pay{margin-top:24px}.membership-price{font-size:34px}.web-home .faq-item summary{font-size:18px}.site-footer{padding-top:32px}.footer-grid{gap:28px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-base{display:block;font-size:14px}.panel-main{padding:24px 16px}.panel-side{padding:20px 16px}.panel-head h1{font-size:28px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:18px}.stat-value{font-size:28px}.notice-preview{padding:0}.preview-tabs .btn{font-size:14px}.panel-main .card{padding:20px}.workspace-head{font-size:13px}.checkout .summary{position:static;top:auto}.checkout .card{padding:24px}.checkout-account{flex-wrap:wrap}.checkout-account form{margin-left:0}.login-layout{display:block;min-height:0}.login-intro{padding:28px}.login-intro h2{font-size:32px;margin-top:28px}.login-intro p{font-size:17px}.login-layout .login-card{padding:28px}.login-shell:has(.login-layout){padding:24px 16px}.native-phone{font-synthesis:none}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.checkout #account-buy-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.checkout #account-buy-form .field-row{display:contents}.checkout .field:has(#a-name),.checkout .field:has(#a-phone),.checkout .field:has(#a-fee){grid-column:1/-1}
.composer-image{max-width:100%;max-height:160px;object-fit:contain;border-radius:16px}.notice-layout input[type=radio]{width:18px;min-height:18px;vertical-align:middle}
@media(max-width:500px){.checkout #account-buy-form fieldset{grid-template-columns:1fr}}

.bank-details summary{cursor:pointer;color:var(--brand);font-weight:600;margin-bottom:16px}.organization-add>summary{font:700 24px/1.2 var(--font-display);cursor:pointer;margin-bottom:16px}.organization-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:20px;align-items:center;font-size:15px}.competition-editor{margin-block:24px}.competition-editor>form{margin-top:16px}.competition-dates{font-size:22px}.panel-main .competition-summary{margin-top:24px}@media(max-width:719px){.organization-row{grid-template-columns:1fr 1fr;gap:8px}.competition-dates{font-size:16px}}

/* Keep muted copy readable on fixed navy surfaces and navigation available on tablets. */
.site-footer .footer-brand p,.site-footer .footer-org,.site-footer .footer-head,.site-footer .footer-base{color:#c4d2e9}.checkout .summary .price-strike{color:#c4d2e9}
@media(max-width:1000px){.nav-toggle{display:flex!important}.mobile-menu:not([hidden]){display:block!important}}

/* Fit the complete opening section at 100% zoom on shorter laptop viewports. */
@media(min-width:720px) and (max-height:760px){.app-hero{margin:16px 24px;padding:28px 40px}}
@media(min-width:720px) and (max-height:620px){.app-hero{padding:20px 32px}.app-hero-copy>p{font-size:18px}.app-hero h1{font-size:clamp(32px,3.3vw,44px)}}

/* Membership is the clear purchase action; downloads remain in the hero and footer. */
.nav-buy{display:inline-flex;white-space:nowrap}.nav-buy-short{display:none}
@media(max-width:719px){.nav-buy-full{display:none}.nav-buy-short{display:inline}.nav-actions{gap:8px}.nav-actions .nav-buy{min-height:40px;padding:8px 12px;font-size:14px}.nav-row{gap:12px}.nav-row .brand{gap:8px}.nav-row .brand-name{font-size:22px}.nav-row .brand img{width:32px;height:32px}.nav-row .lang-switch span{display:none}.nav-row .lang-switch,.nav-row .nav-toggle{padding:8px;min-height:36px}.footer-grid{gap:20px}.site-footer{padding-top:28px}.site-footer .footer-base p{font-size:13px}}
@media(max-width:380px){.nav-row{padding-inline:16px;gap:8px}.nav-actions{gap:6px}.nav-row .brand-name{font-size:20px}.nav-row .brand img{width:30px;height:30px}.nav-actions .nav-buy{padding-inline:10px}}

/* Keep the whole notification phone within the available viewport. */
.notice-preview{padding:12px}.preview-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.preview-heading h2{font-size:16px;line-height:24px;margin:0;white-space:nowrap}.preview-heading .preview-tabs{flex:1;min-width:190px;gap:6px;margin:0}.preview-heading .preview-tabs .btn{min-height:36px;padding:6px 8px;font-size:13px}.phone-preview-fit>.native-phone{left:calc(50% - 195px * var(--phone-scale,1))}
@media(max-width:719px){.notice-preview{padding:0}}

/* Notification workspace: compact header, independent writing/target columns. */
.panel-main:has(.notice-head){padding:20px 24px}
.panel-main:has(.notice-head)>.workspace-head{display:none}
.notice-head{margin-bottom:16px;min-height:60px;gap:16px}
.notice-head h1{font-size:26px;line-height:32px}
.notice-head .muted{font-size:13px;margin-top:2px}
.notice-actions{justify-content:flex-end;gap:10px}.notice-actions [data-draft-status]{font-size:12px;max-width:180px}
.notice-layout{grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:24px}
.panel-main .notice-layout>.card{display:grid;grid-template-columns:minmax(0,1fr) 210px;padding:0;gap:0;border-radius:16px;overflow:hidden}
.notice-write,.notice-target{padding:24px;min-width:0}
.notice-target{border-left:1px solid var(--line);background:#fcfdff;padding:24px 20px}
.composer-section-title{font-size:17px;line-height:24px;margin:0 0 4px}
.notice-write textarea{min-height:180px}.notice-target .actions{align-items:flex-start;flex-direction:column;gap:12px}
.notice-audience{font-size:14px;color:var(--text-2)}
.notice-preview{padding:0;top:16px}.preview-heading{gap:6px;margin-bottom:10px}
.preview-heading h2{font-size:14px}.preview-heading .preview-tabs{min-width:180px}
.phone-preview-fit{max-width:none}.phone-preview-fit>.native-phone{box-shadow:0 0 0 5px #172130,0 12px 24px #1524381a}
@media(max-width:1350px){.panel-main .notice-layout>.card{grid-template-columns:1fr}.notice-target{border-left:0;border-top:1px solid var(--line)}.notice-target .actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:1000px){.notice-layout{grid-template-columns:1fr}.notice-head{flex-wrap:wrap}.notice-preview{max-width:390px}}
@media(max-width:719px){.panel-main:has(.notice-head){padding:20px 16px}.notice-head h1{font-size:24px}.notice-actions{width:100%;justify-content:flex-start}.notice-actions [data-draft-status]{order:3;max-width:none}.notice-write,.notice-target{padding:20px}.notice-preview{padding:6px}}

.notice-write,.notice-target{align-content:start}