/* TTO Writer's Desk: scoped under .twd to match the site's look */
.twd{--g:#56af57;--gdk:#3f8f41;--glt:#93e294;--gsoft:#e9f2e9;--blue:#3ca4cd;--navy:#16243e;--muted:#5f6b7a;--line:#e3e8e3;
  font-family:Inter,system-ui,sans-serif;color:var(--navy);font-size:15px;line-height:1.55;padding:2.2rem 0 3rem}
.twd *,.twd *::before,.twd *::after{box-sizing:border-box}
.twd h1{font-family:Poppins,system-ui,sans-serif;font-weight:800;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;margin:0 0 .3rem;color:var(--navy)}
.twd .twd-h2{font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:1.2rem;margin:1.8rem 0 .8rem;color:var(--navy)}
.twd a{color:var(--blue)}
.twd-sub{color:var(--muted);margin:0 0 1.4rem;font-size:1rem}
.twd-muted{color:var(--muted);font-weight:400}
.twd-hint{font-size:.8rem;color:var(--muted);margin:.35rem 0 0}
.twd-center{text-align:center}
.twd-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem}
.twd-btn{display:inline-block;background:var(--g);color:#fff!important;border:0;border-radius:999px;font:600 .95rem Poppins,system-ui,sans-serif;padding:.8rem 1.6rem;cursor:pointer;text-decoration:none;line-height:1.2}
.twd-btn:hover{background:var(--gdk)}
.twd-ghost{background:#fff;color:var(--navy)!important;border:1px solid #cfd6cf}
.twd-ghost:hover{background:var(--gsoft)}
.twd-full{width:100%;margin-top:1.3rem}
.twd-flash{border-radius:12px;padding:.85rem 1.1rem;margin:0 auto 1.2rem;max-width:1100px;font-weight:600}
.twd-flash-ok{background:#e3f4e3;color:#2f7d31}
.twd-flash-error{background:#fde8e1;color:#a4401d}
.twd-emoji{font-size:2.6rem;margin-bottom:.4rem}

/* Forms */
.twd-form label{display:block;font-weight:600;font-size:.9rem;margin:1rem 0 .35rem}
.twd-form input[type=text],.twd-form input:not([type]),.twd-form input[type=email],.twd-form input[type=password],.twd-form input[type=url],.twd-form textarea{
  width:100%;border:1px solid #d6dcd6;border-radius:10px;padding:.75rem .9rem;font:inherit;font-size:.95rem;background:#fff;color:var(--navy)}
.twd-form input:focus,.twd-form textarea:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(86,175,87,.18)}
.twd-form input:disabled{background:#f4f6f4;color:var(--muted)}
.twd-form .twd-title{font:600 1.1rem Poppins,system-ui,sans-serif}
.twd-check{display:flex!important;gap:.6rem;align-items:flex-start;font-weight:500!important;font-size:.9rem!important;line-height:1.45}
.twd-check input{margin-top:.2rem;accent-color:var(--g);width:17px;height:17px;flex:none}
.twd-row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.2rem}
.twd-fieldset{border:0;padding:0;margin:1rem 0 0}
.twd-fieldset legend{font-weight:600;font-size:.9rem;margin-bottom:.45rem;padding:0}
.twd-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.twd-chip{margin:0!important;font-weight:600!important}
.twd-chip input{position:absolute;opacity:0;width:1px;height:1px}
.twd-chip span{display:inline-block;border:1px solid #d6dcd6;border-radius:999px;padding:.45rem .9rem;font-size:.88rem;background:#fff;cursor:pointer}
.twd-chip input:checked + span{background:var(--navy);color:#fff;border-color:var(--navy)}
.twd-chip input:focus-visible + span{outline:3px solid var(--glt);outline-offset:2px}
.twd-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.twd-guidelines{margin:.4rem 0 0 1.8rem;font-size:.88rem}
.twd-guidelines summary{color:var(--blue);cursor:pointer;font-weight:600}
.twd-guidelines ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}
.twd-strength{height:6px;border-radius:6px;background:#e6ebe6;margin-top:.45rem;overflow:hidden}
.twd-strength i{display:block;height:100%;width:0;background:#e0783a;transition:width .2s,background .2s}

/* Login / apply */
.twd-auth{max-width:500px;margin:0 auto;padding:0 1rem}
.twd-auth-wide{max-width:660px}
.twd-auth .twd-card{padding:2rem}
.twd-auth h1{text-align:center}
.twd-auth .twd-sub{text-align:center}
.twd-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e6ebe6;border-radius:999px;padding:5px;margin-bottom:1.4rem}
.twd-tabs a{text-align:center;padding:.6rem;border-radius:999px;font:600 .92rem Poppins,system-ui,sans-serif;color:#46546a;text-decoration:none}
.twd-tabs a.on{background:#fff;color:var(--navy);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.twd-lock{text-align:center;font-size:.8rem;color:var(--muted);margin-top:1rem}

/* Desk */
.twd-desk{display:grid;grid-template-columns:250px 1fr;gap:1.6rem;max-width:1100px;margin:0 auto;padding:0 1rem;align-items:start}
.twd-side{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;position:sticky;top:1rem}
.twd-me{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:.7rem}
.twd-me b{font-family:Poppins,system-ui,sans-serif;display:block;font-size:.98rem}
.twd-me span{font-size:.8rem;color:var(--muted)}
.twd-av{border-radius:50%;object-fit:cover;flex:none;display:inline-grid;place-items:center;color:#fff;font-family:Poppins,system-ui,sans-serif;font-weight:700}
.twd-menu a{display:flex;justify-content:space-between;align-items:center;padding:.7rem .75rem;border-radius:10px;color:var(--navy);text-decoration:none;font-weight:600;font-size:.92rem}
.twd-menu a:hover{background:#f4f6f4}
.twd-menu a.on{background:var(--gsoft);color:var(--gdk)}
.twd-menu small{background:var(--g);color:#fff;border-radius:999px;padding:0 .5rem;font-size:.75rem}
.twd-logout{display:block;margin-top:.6rem;padding:.6rem .75rem;font-size:.85rem;color:var(--muted)!important;text-decoration:none}
.twd-main .twd-flash{max-width:none}
.twd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.twd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.3rem}
.twd-stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}
.twd-stats b{font:700 1.6rem Poppins,system-ui,sans-serif;display:block}
.twd-stats span{font-size:.82rem;color:var(--muted)}
.twd-table-wrap{padding:.8rem;overflow-x:auto}
.twd-table{width:100%;border-collapse:collapse;min-width:520px}
.twd-table th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.4rem .75rem .7rem}
.twd-table td{padding:.9rem .75rem;border-top:1px solid var(--line);font-size:.92rem;vertical-align:middle}
.twd-table td a{font-weight:600}
.twd-note{font-size:.8rem;color:#a4401d;margin-top:.25rem}
.twd-st{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}
.twd-st-live{background:#e3f4e3;color:#2f7d31}
.twd-st-wait{background:#fff3dd;color:#8a5f00}
.twd-st-fix{background:#fde8e1;color:#a4401d}
.twd-st-draft{background:#eef0f3;color:#5f6b7a}

/* Article form */
.twd .wp-editor-wrap{border:1px solid #d6dcd6;border-radius:10px;overflow:hidden}
.twd .mce-top-part::before{box-shadow:none}
.twd .mce-panel{border:0!important;background:#f7f8f7!important}
.twd-drop{display:block!important;position:relative;border:2px dashed #c9d6c9;border-radius:12px;padding:1.2rem;text-align:center;color:var(--muted);background:#fafcfa;cursor:pointer;margin:0!important;font-weight:400!important}
.twd-drop:hover{border-color:var(--g)}
.twd-drop b{color:var(--gdk)}
.twd-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.twd-preview{display:block;max-width:100%;max-height:160px;margin:0 auto .6rem;border-radius:8px}
.twd-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.twd-autosave{margin-left:auto;font-size:.8rem;color:var(--muted)}
.twd-profile-top{display:flex;gap:1.2rem;align-items:center}
.twd-profile-top label{margin-top:0}
.twd-tips{margin:0;padding-left:1.2rem}
.twd-tips li{margin:.4rem 0}

/* Public writer page */
.twd-writer-page{padding-top:0}
.twd-wp-hero{background:linear-gradient(90deg,#16243e,#23395f);color:#fff;width:100vw;margin-left:calc(50% - 50vw)}
.twd-wp-in{max-width:1100px;margin:0 auto;padding:2.4rem 1.25rem;display:flex;gap:1.6rem;align-items:center}
.twd-wp-hero .twd-av{border:5px solid #fff}
.twd-wp-hero h1{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem)}
.twd-wp-hero p{margin:.3rem 0 .9rem;color:#dbe4ef;font-size:1.05rem}
.twd-crumb{font-size:.8rem;color:#b9c6d8;margin-bottom:.3rem}
.twd-crumb a{color:#b9c6d8}
.twd-pill{display:inline-block;background:var(--g);color:#fff;font-weight:700;font-size:.8rem;border-radius:999px;padding:.3rem .85rem;margin:0 .4rem .4rem 0}
.twd-pill-o{background:rgba(255,255,255,.12)}
.twd-wp-body{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.twd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.twd-art{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--navy)!important;transition:transform .2s,box-shadow .2s}
.twd-art:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(0,0,0,.35)}
.twd-art-img{height:150px;background-size:cover;background-position:center}
.twd-art-text{background:#eef0ee;padding:1rem 1.1rem;height:150px;overflow:hidden}
.twd-art-text p{margin:0;font-size:.88rem;line-height:1.6;color:#3d4757;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.twd-art-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;flex:1}
.twd-tag{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g)}
.twd-art h3{font:700 1.02rem/1.3 Poppins,system-ui,sans-serif;margin:.35rem 0 .45rem;color:var(--navy)}
.twd-meta{font-size:.78rem;color:var(--muted)}
.twd-rm{margin-top:auto;padding-top:.7rem;font-weight:700;font-size:.85rem;color:var(--g)}
.twd-pager{margin-top:1.5rem}

@media (max-width:860px){
  .twd-desk{grid-template-columns:1fr}
  .twd-side{position:static}
  .twd-menu{display:flex;flex-wrap:wrap;gap:.3rem}
  .twd-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .twd-row2,.twd-grid,.twd-stats{grid-template-columns:1fr}
  .twd-wp-in{flex-direction:column;text-align:center}
  .twd-profile-top{flex-direction:column;align-items:flex-start}
  .twd-auth .twd-card{padding:1.3rem}
}
@media (prefers-reduced-motion:reduce){.twd-art{transition:none}}
.twd .twd-me .twd-av,.twd .twd-profile-top .twd-av,.twd-wp-hero .twd-av{color:#fff}

/* News page list */
.twd-news{padding-top:1rem}
.twd-news-filter{margin-bottom:1.3rem}
.twd-filter{display:inline-block;border:1px solid #d6dcd6;border-radius:999px;padding:.45rem 1rem;font-weight:600;font-size:.88rem;background:#fff;color:var(--navy)!important;text-decoration:none}
.twd-filter.on{background:var(--navy);color:#fff!important;border-color:var(--navy)}
.twd-art-link{display:block;text-decoration:none}
.twd-art h3 a{color:var(--navy);text-decoration:none}
.twd-art h3 a:hover{text-decoration:underline}
.twd-byline{display:flex;gap:.55rem;align-items:center;margin-top:.2rem;font-size:.82rem;line-height:1.3}
.twd-byline a{color:var(--navy);font-weight:600;text-decoration:none}
.twd-byline .twd-av{color:#fff}
.twd-news .twd-rm{text-decoration:none}
.twd-pages{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1.8rem;color:var(--muted);font-size:.9rem}
.twd a.twd-rm{color:var(--g)}